Question

我试图在验证失败时对我的输入类型文本产生震动效果。它给出了摇晃效果，但我不知道如何改变方向，距离和时间的默认值。另外我认为我在变量a中存储textbox的值时做错了。请告诉我正确的语法。谢谢。

<!DOCTYPE html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <script>
            $(document).ready(function(){
                $("#submitBtn").click(function(){
                    $a = $("#userNameTxt").value;
                    if ($a != "text")
                    {
                        $("#userNameTxt").effect("shake");
                    }
                });
            });

        </script>

    </head>
    <body>
        <form action="#" >
        <input type="text" name="userNameTxt" id="userNameTxt" placeholder="username" />
        <br/>
        <input type="submit" value="submit" id="submitBtn" />
        </form>

    </body>
</html>

Answer 1

有些东西喜欢这些选项??

 $("#button").click(function(){
         $(".target").effect( "shake", 
          {times:4}, 1000 );
      });

这是shake effect fully explained

Answer 2

这应该这样做。

$("#userNameTxt").effect('shake', { 
times: 10,
duration: 1000,
direction: 'left' // 'right' for right
});

在JQuery中对文本语法产生影响

2 个答案: