这里已经无计可施了。很抱歉,如果这与我看过的其他 20 个问题类似,但我已经尝试了所有方法,但无法弄清楚为什么我的问题不起作用。
<style>
.block {
position:relative;
background-color:#abc;
left:50px;
width:500px;
height:90px;
margin:5px;
overflow:hidden;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(".wth").click(function(){
$(".block").animate({left: "500px"}, 1500);
});
</script>
和 HTML:
<button class="wth">Move it!</button>
<div class="block" style="border:#333 3px solid;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate egestas consectetur. Donec ornare, orci in dapibus euismod, libero ante viverra ante, a pretium felis odio quis eros.
<div style="clear:both;"></div>
</div>
只是想学习如何使用 jQuery 的 .animate()
方法,所以不打算在这里使用插件。我从 about us 中学到了这一点。页。
最佳答案
您需要一个准备好监听 DOM 的 DOM,准备好进行操作,这意味着您的元素现在位于集合内,可以进行访问。
$(function(){ // DOCUMENT ready shorthand
$(".wth").click(function(){
$(".block").animate({left: 500}, 1500);
});
});
关于javascript - jQuery Animate 不会为我移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16345774/