如何在点击时摇动输入框

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>