關於用jQuery的animate方法實現的動畫在IE中失效的原因以及解決方法


  這幾天在學jQuery,本身還只是一個新手,寫了一個簡單的動畫——圓形頭像的縮放。本身是用Firefox進行調試的,一切進行的很順利,縮放可以按照預期執行,結果拿到IE上去之后,發現縮放動畫失效了。后來百度了一些東西都沒有找到關鍵所在,最后Google一下,找到了很多實用的解決方法,現在在這里總結一下,希望對有同樣困惑的同學能夠有所幫助。

 

可能的原因:

(1)jQuery版本過於陳舊。

  solution:

    更換新版本的jQuery包,但是更換之后記得測試你的代碼,因為並不是所有的包都向后兼容。

(2)JavaScript定義的代碼沒有包含在ready函數當中,文檔未就緒時就綁定事件函數導致綁定失敗。

  solution:

    將非特殊的JS代碼寫在$(function(){})中,養成良好的編程習慣,也可以免去很多不必要的麻煩。

(3)JS代碼沒有寫在專門的外部JS文件中而是在script標簽中寫JS代碼時,注意代碼的規范性。

  example:

    script標簽中的type屬性,如果這樣寫:

      <script type="text/javascript "></javascript>

    則會導致動畫失效,因為javascript后面多了一個多余的空格。寫代碼時一定要注意代碼的規范性,因為如果是因為這種問    題導致的bug會很難發現。規范書寫代碼,會省去很多不必要的麻煩。

(4)最大的一種可能性:IE禁用了腳本調試。

  solution:

    依次打開IE->工具->Internet選項->高級。在設置框中,找到“瀏覽”,把它下面的“禁用腳本調試(Internet Explorer)”去掉,然后應用,確定,刷新網頁即可。如果還是不可行,可以嘗試清除緩存后重新打開網頁。

 

希望能夠幫到大家!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM