JQuery 的 .animate(） 在 HTML 页面中不起作用

JQuery's .animate() not working in HTML page

本文关键字：不起作用 HTML animate JQuery      更新时间：2023-09-26

尽管很简单，但我想知道我的小div怎么可能没有变大。有人知道为什么吗？（附言我尝试在每个浏览器上运行它，但我真的找不到任何语法错误，我失明了。或者只是更老）

$(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>

代码

的唯一问题是一起使用jquery和JavaScript选择器，这会引发控制台错误并导致Animate行为异常

$(document.getElementById("abc")

仅对动画方法使用 jQuery 选择器

$("#abc")

普伦克 ： http://plnkr.co/edit/kd31upaEE5p7YBK0st3M?p=preview

试试这个：

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

注意！ 你必须在你的页面中包含JQuery。

相关文章：