jquery - tabber 在页面加载时闪烁

标签 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" 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 文件中将 #tabber 设置为 display : none,这将在您的文档加载时删除您的 tabber。

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

$(#tabber).css('显示', ' block ');

另外,看看this线程

关于jquery - tabber 在页面加载时闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18671793/

相关文章:

javascript - 如何创建动态对象 HTML 并分配给定的基于属性的数据

javascript - 通过重复使用小图像制作 div 的背景

java - 如何使用 jQuery 发布数据并使用 Spring Controller 处理它

javascript - 替代css3而不是选择器

html - 使用 CSS 选择器选择 HTML 中的特定元素

css - 带有 iframe 的响应式 youtube 视频

javascript - 警告框关闭后如何将按钮的文本更改为 "No Sign Ups!"?

html - 换行符 <hr> 未按预期呈现

html - 无法在导航菜单中调整子 UL 的位置

jquery - 在 WordPress 中添加指向特定页面的链接