当用户点击按钮时，我希望我的id能够动摇

Question

我希望当用户点击它时我的ID会动摇，我该如何实现？我是jquery的初学者，目前我正在完成php，我将研究jquery next.example：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

JSBIN ：http://jsbin.com/uGAMulOL/3/

为sub id元素添加＃并将right放在引号中。此外，选项应在对象文字中修复。

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

Answer 2

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

点击时使用#sub代替document。

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