Javascript 如何在单击按钮时使用Jquery抖动效果?

Javascript 如何在单击按钮时使用Jquery抖动效果?,javascript,jquery,Javascript,Jquery,如果文本框是空的,我想做的是摇动文本框。但我无法做到这一点。 我的工作如下: $("#BtnSubmit").click(function() { if ($("#txt1").val() == '' || $("#TextBox1").val() == '' || $("#TextBox2").val()) { $("#txt1").effect("shake") } });

如果文本框是空的,我想做的是摇动文本框。但我无法做到这一点。 我的工作如下:

$("#BtnSubmit").click(function() {
              if ($("#txt1").val() == '' || $("#TextBox1").val() == '' || $("#TextBox2").val()) {
                  $("#txt1").effect("shake")

              }

          });

<div id="keepTextBox">
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <asp:TextBox ID="txt1" ForeColor="White" runat="server" Height="30px" Style="background-color: #46375E;"></asp:TextBox>&nbsp;&nbsp;
              <asp:RequiredFieldValidator ControlToValidate="txt1" ID="rftxt1" runat="server" SetFocusOnError="true"></asp:RequiredFieldValidator>
              <asp:TextBox ID="TextBox1" ForeColor="White" runat="server" Height="30px" Style="background-color: #46375E"></asp:TextBox>&nbsp;&nbsp;
              <asp:RequiredFieldValidator ControlToValidate="TextBox1" ID="rfTextBox1" runat="server"
                  SetFocusOnError="true"></asp:RequiredFieldValidator>
              <asp:TextBox ID="TextBox2" runat="server" ForeColor="White" Height="30px" Style="background-color: #46375E"></asp:TextBox>&nbsp;&nbsp;
              <asp:RequiredFieldValidator ControlToValidate="TextBox2" ID="rfTextBox2" runat="server"
                  SetFocusOnError="true"></asp:RequiredFieldValidator>
              <asp:Button ID="BtnSubmit" runat="server" Width="15%" Text="SIGN UP" ForeColor="White"
                  Style="background-color: #49A7E4; cursor: pointer;" Height="40px" /></div>
      </div>
$(“#btnsupmit”)。单击(函数(){
如果($(“#txt1”).val()=''| |$(“#TextBox1”).val()=''| |$(“#TextBox2”).val()){
$(“#txt1”)。效果(“震动”)
}
});

您必须将jquery UI作为依赖项与jquery一起包含,才能获得正确的结果

$(“#txt1”)。单击(函数(){
美元(本)。效果(“震动”);
});
摇动它

您必须将jquery UI作为依赖项与jquery一起包含,才能获得正确的结果

$(“#txt1”)。单击(函数(){
美元(本)。效果(“震动”);
});
摇动它

添加分号$(“#txt1”).effect(“shake”);添加分号$(“#txt1”).effect(“shake”);非常感谢,问题解决了。可能我使用的是较旧版本的Jquery.:)如果我要将此添加到wordpress/woocommerce主题,我会将此代码添加到哪个文件?非常感谢。问题已解决。可能我使用的是较旧版本的Jquery.:)如果我要将此代码添加到wordpress/woocommerce主题,我会将此代码添加到哪个文件?