Jquery 页面加载时tabber闪烁
我有一个标签,它在加载时会闪烁…当页面加载时,我不认为它是标签,当页面完成加载时,我会得到正确的加载…我想避免它。 它在FireFox和Chroom中都有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
<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;
}
购买
租金