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独立无法使用<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js" type="text/javascript"></script>。

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

{{1}}

我为它创建了一个工作小提琴：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>

如何在点击时摇动输入框

2 个答案: