簡單的jQuery腳本動畫不能正常工作

index.html文件：

<html> 
<head> 

</head> 
<body> 

    <div class="menu">  
     hello 
    </div> 
    <div class="test">   
     Menu 
    </div> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script src="app.js"></script> 

</body> 
</html>

這裏是app.js文件：

var main = function() { 
    $('.test').click(function(){ 
     $('body').animate({ 
      left: '500px' 
      },200); 
    }) 
} 
$(document).ready(main)

我米試圖瞭解我做錯了什麼，它似乎應該工作..

也試圖下載jquery-2.1.1.min.js並與它一起工作，但仍然在點擊菜單時，文本不移動。

來源

2014-10-08 USer22999299

這是無關的問題，但它是很好的做法，以保持''內'標籤，而不是''文件.js'。 – 2014-10-08 05:50:36

將代碼放在底部，根本不需要使用'.ready（）'。只需調用'main'函數或從中刪除代碼即可。 – 2014-10-08 05:51:14

@BhushanKawadkar那根本不是真的，把js文件放在最下面沒什麼不對，它只是意味着你不必調用'.ready'，因爲這些文件只有在HTML有 – jmore009 2014-10-08 05:51:53

您需要將position css屬性設置爲body以便工作left。

body{ 
    position:relative; 
}

REF：

來源

2014-10-08 05:46:47

hm ...要能夠動畫我必須爲這個特定的部分設置一個CSS？ – USer22999299 2014-10-08 05:50:25

不能正常工作。 – USer22999299 2014-10-08 05:52:22

當我測試它時工作。 – 2014-10-08 05:53:24

簡單的jQuery腳本動畫不能正常工作

回答

相關問題