javascript - 我希望我的 id 在用户单击按钮时摇晃

Question

我希望我的 ID 在用户点击它时摇晃，我该如何实现？我是 jquery 的初学者，目前正在完成 php，接下来我将学习 jquery。示例:https://twitter.com/signup

这是我的 html:

<input id="sub" type="submit" value="Sign Up">

这是我的js:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script>
               $( document ).click(function() {
      $( "#sub" ).effect( "shake",{distance:100} );
    });
     </script>

另外，如果我想实现时间和方向，我会这样做吗？:

    $( "#sub" ).effect( "shake",{direction:right},{distance:100},{times:6} );

Answer 1

试试这个:- http://jsfiddle.net/adiioo7/kx8q8/2/

点击时使用 #sub 而不是 document。

jQuery(function ($) {
    $("#sub").click(function () {
        $(this).effect("shake", {
            direction: 'right'
        }, {
            distance: 100
        }, {
            times: 6
        });
    });
});