使用 ASP 母版页意外关闭 Jquery 对话框

Posted 2023-05-08

【中文标题】使用 ASP 母版页意外关闭 Jquery 对话框

【英文标题】：Jquery Dialog close unexpectedly using ASP Master Page

【发布时间】：2017-03-14 22:17:35

【问题描述】：

当我按下“指定服务”按钮时，对话框出现，但似乎正在回发，对话框意外关闭

<asp:Content ID="Content0" ContentPlaceHolderID="ContentPLaceHolderHeader" runat="server">
          <script type="text/javascript">
          $( function() 
            var dialog;   


        dialog = $( "#dialog-form" ).dialog(
          autoOpen: false,
          height: 400,
          width: 350,
          modal: false,
          buttons:         

          
        );    


        $( "#spc" ).button().on( "click", function() 
          dialog.dialog( "open" );

        );
           );
          </script>      

     </asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <button id="spc">Specify Services</button>
    <div id="dialog-form" title="Create new user">
            <p class="validateTips">All form fields are required.</p>

              <form>
                <fieldset>
                  <label for="name">Name</label>
                  <input type="text" name="name" id="name" >
                  <label for="email">Email</label>
                  <input type="text" name="email" id="email" >         

                  <input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
                </fieldset>
              </form>
            </div>

</asp:Content>

我试过不使用母版页/内容，效果很好。

【参考方案1】：

默认情况下，按钮标签充当提交按钮。因此，如果您不希望它进行回发，则需要指定按钮类型。

<button id="spc" type="button">Specify Services</button>

Button types