這幾天在學jQuery，本身還只是一個新手，寫了一個簡單的動畫——圓形頭像的縮放。本身是用Firefox進行調試的，一切進行的很順利，縮放可以按照預期執行，結果拿到IE上去之後，發現縮放動畫失效了。後來百度了一些東西都沒有找到關鍵所在，最後Google一下，找到了很多實用的解決方法，現在在這裡總結一 ...
這幾天在學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）”去掉，然後應用，確定，刷新網頁即可。如果還是不可行，可以嘗試清除緩存後重新打開網頁。
希望能夠幫到大家！
