jquery - 如何在点击时摇动输入框

Question

我的jQuery

$(".skip").click(function () {
  $('input.inputbox').effect("shake", { times:3 }, 300);
});

我的 html

<div class="ce-cf-container">
  <input type="text" name="name" id="name" class="inputbox" value="">
</div>

<button class="skip" >Contact us now to gain financial freedom quicker</button>

我想要做的是，一旦有人点击button我要摇动输入框。为什么我的代码不起作用？

Answer 1

您需要包含jQuery UI才能使用，因为它在独立effect()时不可用。jQuery

在 jQuery 脚本之后插入 jQuery UI 脚本，它将开始工作：

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

我为它创建了一个工作小提琴：http: //jsfiddle.net/kayen/pQvEk/

Answer 2

试试这个

<div class="ce-cf-container">
   <input type="text" name="name" id="name" class="inputbox" value="">
</div>
<input type="button" class="skip" value="Contact us now to gain financial freedom quicker" />

实际上

<button class="skip" >Contact us now to gain financial freedom quicker</button>

你有一个提交行为，它提交并刷新页面，所以你看不到效果的发生。

更新

我已经使用了这个脚本参考

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>