为什么调用SuperSlide后的页面内容先显示然后消失再正常?

我们知道,html的执行顺序是从上而下的,对js的执行也是一样的。所以做好的做法是需要使用特效的对象结束后立刻调用SuperSlide那就能获取最佳的用户体验,解决上述问题。
例如:
[code lang="html"]
<div class="box">
<div class="hd"><ul><li>1</li> <li>2</li> <li>3</li></ul></div>
<div class="bd">
<ul><li>信息1</li>...</ul>
<ul><li>信息2</li>...</ul>
<ul><li>信息3</li>...</ul>
</div>
</div>
<script type="text/javascript">
jQuery(".box").slide();/*当box结束后立刻调用SuperSlide,会得到最好效果*/
</script>
[/code]

有些用户会用下面方式调用:
[code lang="js"]
$(document).ready(function(){
jQuery(".box").slide();
});
[/code]

或者:
[code lang="js"]
jQuery(function($) {
jQuery(".box").slide();
});
[/code]

其实这两种执行过程是一样的,都是等待整个页面的dom加载完后再执行SuperSlide,相当于把调用SuperSlide的代码放到页面最下面。
这样的话,就会造成页面内容先显示,直到页面结束后再执行SuperSlide把相关内容隐藏,最后整个效果才正常。

此条目发表在 SuperSlide常见问题 分类目录。将固定链接加入收藏夹。

为什么调用SuperSlide后的页面内容先显示然后消失再正常?》有 1 条评论