jquery - 为什么我的动画效果不起作用？

Question

初学者问题：

我加载->

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

之后mt js文件

全部在头部。

html:

<li class="form-row" id="req-shake">
  <label class="requried-field"> *</label>
  <label>some label</label>
  <input id="input-email" name="email" type="text" class="text-input required email default"  value="" title="example@example.com" />
</li>

js错误：

难道我做错了什么？

谢谢

Answer 1

正如控制台中的错误消息告诉您的那样，没有.effect()jQuery 方法。
除了 jQuery 之外，您还应该包含 jQuery UI 以从.effect()jQuery UI 获取方法。

Answer 2

也包括这三个文件

 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>