Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 页面加载时tabber闪烁_Jquery_Html_Css_Tabs - Fatal编程技术网

Jquery 页面加载时tabber闪烁

Jquery 页面加载时tabber闪烁,jquery,html,css,tabs,Jquery,Html,Css,Tabs,我有一个标签,它在加载时会闪烁…当页面加载时,我不认为它是标签,当页面完成加载时,我会得到正确的加载…我想避免它。 它在FireFox和Chroom中都有 <div class="tabber"> <div class="tabbertab tab_buy"> <h2>Buy</h2> <div class="buy_cont"> <input id="txt" name="txt" type="text" plac

我有一个标签,它在加载时会闪烁…当页面加载时,我不认为它是标签,当页面完成加载时,我会得到正确的加载…我想避免它。 它在FireFox和Chroom中都有

<div class="tabber">  
<div class="tabbertab tab_buy">
<h2>Buy</h2>    
<div class="buy_cont">
<input id="txt" name="txt"  type="text" placeholder="Search by  Keyword..." />
 <div class="loc_sec">
<a href="#" target="_blank"><img src="images/map_ico.png" alt="" />
Location Map</a>
</div>
</div> </div>

<div class="tabbertab tab_rent">
<h2>rent</h2>   
<div class="buy_cont">
<input id="txt" name="txt"  type="text" placeholder="Search by  Keyword..." />

<div class="loc_sec">
<a href="#" target="_blank"><img src="images/map_ico.png" alt="" />
Location Map</a>
</div> </div>
</div>
</div>

购买
租
在css文件中将
#选项卡设置为
display:none
,这将在加载文档时删除选项卡

在设置tabber的javascript文件的末尾,使用jQuery再次显示它。这应该在JS文件加载完成后执行

$(#tabber).css('display','block')


另外,请查看线程

,对于您的特定查询,您可以使用它(不使用Tabber.js):

$('.tabber').wrapInner('');
$('.tabber content col')。之前('
    ); $('.tabbertab')。每个(函数(){ var tabNav=$(this.children('h2').text(); $('.tab nav')。追加('
  • '+tabNav+'
  • '); }); $('.tabbertab').hide(); $('.tabbertab').first().show(); $('.tab nav>li').first().addClass('active'); $('.tab nav>li')。单击(函数(){ $(this.addClass('active').sides().removeClass('active'); $('.tabbertab').eq($(this.index()).show().sides().hide(); });
    ul.tab-nav{
    保证金:0;
    填充:0;
    列表样式:无;
    背景:浅灰色;
    }
    ul.标签导航>li{
    填充:10px 20px;
    显示:内联块;
    光标:指针;
    字体大小:16px;
    线高:1.2;
    文本转换:大写;
    }
    ul.标签导航>li.active{
    背景:#eee;
    }
    .tabber内容列{
    溢出:隐藏;
    背景:#eee;
    填充:40px 20px;
    利润率:0.50px;
    }
    塔伯塔布先生{
    显示:无;
    }
    .tabbertab>*:第一个孩子{
    边际上限:0;
    }
    
    购买
    租金