Jquery對話框按鈕單擊不起作用

Question

我有一個這樣的JQuery對話框。

<div id="dialog-form" title="TEST"> 
     <button id="button1" >BUTTON</button> 
    </div> 

我對對話的init腳本工作正常，我可以用這個腳本

..... 
     $("#dialog:ui-dialog").dialog("destroy"); 

     $("#dialog-form").dialog({ 
      autoOpen: false, 
      height: 480, 
      width: 780, 
      modal: true, 
      buttons: { 
       Cancel: function() { 
        $(this).dialog("close"); 
       } 
      }, 
      close: function() { 
       $("#dialog-form").hide(); 
      } 
     }); 
     $("#dialog-form").dialog("open"); 
    ..... 

打開對話框，但是當我試圖報復的ID爲button1我無法按鈕的點擊來獲得

 $(function() { 
     $("#dialog-form").hide(); 
     $("#button1").click(function (e) { 
      alert('clicked Button 1'); 
      e.preventDefault(); 
     }); 
    }); 

我做錯了什麼？

Answer 1

試試這個：

$('body').on('click','#button1',function (e) { 
    alert('clicked Button 1'); 
    e.preventDefault(); 
}); 

不是100％肯定，如果這是工作，而是因爲你正在使用的對話框的方法，我認爲該文件被加載後，對話框本身被創建並執行功能。