如上代碼(實現輪播圖的部分代碼),若以內聯形式寫在html里,就不會出現異常。但是如果放在外部js文件中,併在html的head中調用,就會出現異常(不報錯,但是輪播邏輯出現異常)。解決:不使用全局變數$inBox,而直接使用$(".out>.in")。即將第20行、31行的$inBox替換成$(" ...
如上代碼(實現輪播圖的部分代碼),若以內聯形式寫在html里,就不會出現異常。但是如果放在外部js文件中,併在html的head中調用,就會出現異常(不報錯,但是輪播邏輯出現異常)。
解決:不使用全局變數$inBox,而直接使用$(".out>.in")。即將第20行、31行的$inBox替換成$(".out>.in")。邏輯就正確了。
更新
解決方法二:外部js不變,在html引用時,加上defer=“defer”,使延遲執行即可。
具體原理可以看下另一篇隨筆。http://www.cnblogs.com/ivuu/p/7128496.html
解決方法三:外部js不變,在html中,引在body最後即可。
END