当用户单击按钮时，我希望我的ID晃动

Question

i would like my id to shake when a user clicks it, how can i achieve that? I am a beginner in jquery and am currently finishing up php, I am going to study jquery next.example: https://twitter.com/signup

this is my html:

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

and this is my 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>

also if i wanted to implement times and direction would i do this?:

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

Answer 1

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

Add the # for the sub id element and put right in quotes. Also the options should be fixed in the object literal.

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

Answer 2

Try this out:- http://jsfiddle.net/adiioo7/kx8q8/2/

Use #sub instead of document on click.

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