如何消除“闪烁的无格式内容”之类的行为

Question

我有一个jquery手风琴滑块，它接受一系列定义列表并将它们变成一个交互式滑块小部件。

我希望解决在脚本将其排列为正确格式之前垂直列出幻灯片的问题。它在更快的连接上并不明显，但在较慢的连接上却显而易见。

关于减轻这种影响的一般方法的任何想法？ jQuery是否提供快速解决方案？

这是我正在进行的工作......

的CSS：

.my_slider {visibility:hidden;}

jquery的：

jQuery(document).ready(function () {    
jQuery('#slider-1').slider({ 
        autoStart: true, 
        slideInterval: 5000,
        slideNum:false,
}); 
jQuery('.my_slider').show();

}）;

我错过了什么？它没有将div的可见性切换为可见。

Answer 1

以可接受的，有吸引力的方式设置定义列表的样式。克隆基本标记，在内存中制作幻灯片标记，并在呈现时替换当前显示的列表。

Answer 2

一种方法是将整个手风琴设置为display: none;，并在其位置上放置相同大小的占位符div。您可以使用占位符获得您喜欢的幻想，或者将其留作空白框;它的所有个人喜好。设置一些jQuery，这样一旦页面加载，临时div就被移除，并显示手风琴。