按鈕點擊事件在彈出窗口中不起作用

Question

在彈出窗口中時，按鈕單擊事件不會觸發，但是在彈出窗口中它可以正常工作，在HTML中，注釋部分是我在彈出窗口中調用按鈕事件的地方，它可以正常工作，但在彈出窗口中卻沒有單擊“保存”按鈕時發生。 這是我的代碼

  <script>

    $(function () {

         $("#dialog-1").dialog({
             autoOpen: false,
         });

         $("#opener").click(function () {
             $("#dialog-1").dialog("open");

         });
     });
  </script>

HTML

         <%--<asp:Button Text="save" class="btn btn-danger" runat="server"  CausesValidation="false" OnClick="SaveDB" />
           <asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>--%>

<button type="button" class="btn btn-warning" id="opener" > Create Database       </button>         
               <div id="dialog-1" title="Add new Database">
    Database name: <asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>
    <asp:Button Text="Save" class="btn btn-danger" runat="server"  CausesValidation="false" OnClick="SaveDB" style="padding-left:2%;padding-right:2%;" /> 
  </div>

aspx.cs文件代碼

   protected void SaveDB(object sender, EventArgs e)
  { 
       TextBox1.Text="It works";
  }

Answer 1

嘗試將事件處理程序附加到body如下所示：

$("body").on("click", "#opener", function(){
    $("#dialog-1").dialog("open");
});

問題可能是在設置處理程序時DOM中不存在#opener元素，但是將其附加到body將解決該問題。