大佬教程收集整理的这篇文章主要介绍了如何防止jQuery onload闪烁不引人注目?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经尝试在加载文档时向主体添加.js类,但是在添加类的同时加载选项卡时,仍然会闪烁内容.
#container{display:none;} <div id="container"> <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc Tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> </ul> <div id="tabs-1"> <p>Tab 1</p> </div> <div id="tabs-2"> <p>Tab 2</p> </div> </div> </div> <script> $(document).ready(function(){ $('#tabs').tabs(); $('#container').show(); }); </script>
<script> // Sets 'js' on html element and removes 'no-js' if present (here to prevent flashing) (function(){ document.documentElement.className = document.documentElement.className.replace(/(^|\s)no-js(\s|$)/,'$1$2') + (' js '); })(); </script>
如果需要,此方法允许您在html标记上包含其他类.对于没有启用js的页面,请在样式中使用No-js类.
样式示例:
#container { display:none; } .no-js #container { display: block; }
以上是大佬教程为你收集整理的如何防止jQuery onload闪烁不引人注目?全部内容,希望文章能够帮你解决如何防止jQuery onload闪烁不引人注目?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。