如何在點擊撼動輸入框

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 UI的腳本您的jQuery腳本之後，它會開始工作：

<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> 

，你必須有它提交併刷新頁面，所以你不能看到效果發生一個提交行爲。

UPDATE

我已經使用這個腳本參考

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