JQuery的.animate（）不能在HTML頁面中工作

-3

儘管這很簡單，但我想知道我的小div如何不可能變得更大。有人知道爲什麼（PS我試圖在每一個瀏覽器上運行它，我真的找不到任何語法錯誤，我越來越瞎..或只以上）JQuery的.animate（）不能在HTML頁面中工作

$(document).ready(function() { 
 
    $("#abc").click(function() { 
 
    $(this).animate({ 
 
     left: '250px' 
 
    }); 
 
    }); 
 
});

#abc { 
 
    border: 1px solid green; 
 
    width: 100px; 
 
    height: 100px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 

 
<body> 
 
    <div id="abc"></div> 
 
</body>

2016-07-05 Brg

你沒有包含jquery，但是你正在使用它的函數。 –

打開瀏覽器的JavaScript控制檯，查看那裏的錯誤消息。 – JJJ

-1

試試這個：

$(document).ready(function() { 
 
$("#abc").animate({ 
 
height:"500px", 
 
width:"500px", 
 
}, 5000, function() { 
 
}); 
 
});

注意！你必須在你的頁面中包含JQuery。

2016-07-05 13:03:11

與您的代碼，唯一的問題是使用jQuery和JavaScript的選擇一起被扔控制檯錯誤，造成動畫胡作非爲

$(document.getElementById("abc")

爲動畫的方法

$("#abc")

2016-07-05 13:10:39 Deep

回答