為什么調用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 條評論