Question

这是我的代码，我认为代码没有错误，但仍然无法获取'div'标签的动画。任何帮助，将不胜感激。谢谢。

<!DOCTYPE html>
<html>

<head>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      $("button").click(function() {
        $("div").animate({
          left: '450px'
        });
      });
    });
  </script>
</head>

<body>
  <button>Start Animation</button>
  <p>A simple animation example:</p>
  <div style="background:#98bf21;height:100px;width:100px;position:absolute;"></div>
</body>

</html>

Answer 1

一般情况下，如果资源与src="//..."或http一起提供，则应使用https，但如果使用{在本地加载页面，则//将无效{1}}协议

替换 file:///

与 src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"

Answer 2

您的代码完全有效并且运行;你可以查看here。但是我强烈建议您为jQuery对象使用特定的选择器，尤其是在执行动画等操作时。

<button>Start Animation</button>
<p>A simple animation example:</p>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $("button").click(function() {
    $("div").animate({
      left: '450px'
    });
  });
});
</script>

jQuery animate方法不起作用

2 个答案: