按鈕打開jQuery的對話框不工作

Question

我與jQuery UI打

我從一個DIV動態創建一個對話框，我給這個DIV和ID和一個按鈕來調用一個closeDialog功能

在這個例子中

http://jsbin.com/ubovej

我遇到的問題，如它正常工作，是如果我旦負荷包含有按鈕的頁面。該按鈕將無法正常工作

爲：

$("<div id='mydialog1'>").dialog({ 
     autoOpen: false, 
     modal: false, 
     width: 740, 
     height: 840, 
     title: 'Dialog1 = dynamic', 
     open: function(e, ui){ 
      $(this).load(myUrl); 
     }       
}); 

Answer 1

如果是這樣的按鈕，點擊事件代碼，然後

autoOpen: false, 

應該

autoOpen: true, 

編輯：如果你不」 t想要它打開，直到你點擊按鈕，然後：

當您想要創建對話框時執行此操作。

var $dialog = $("<div id='mydialog1'>").dialog({ 
    autoOpen: false, 
    modal: false, 
    width: 740, 
    height: 840, 
    title: 'Dialog1 = dynamic', 
    open: function(e, ui){ 
     $(this).load(myUrl); 
    }       
}); 

，並做到這一點，他們單擊該按鈕後（在創建對話框後，才）

$("button_selector").click(function() { 
    $dialog.dialog("open"); 
}); 

編輯：嘗試改變

function closeDialog1(){                             
    alert('closing Dialog1');                            
    window.parent.$('#mydialog1').dialog('close');                          
    return false;                               
} 

到

function closeDialog1(){                             
    alert('closing Dialog1');                            
    $('#mydialog1').dialog('close');                          
    return false;                               
} 

或者更好的方法可能是

$("<div id='mydialog1'>").dialog({ 
     autoOpen: false, 
     modal: false, 
     width: 740, 
     height: 840, 
     title: 'Dialog1 = dynamic', 
     open: function(e, ui){ 
      $(this).load('dialogtest1a.html'); 
     }, 
     buttons: { 
      "Close" : function() { 
        $(this).dialog("close"); 
      }  
     }     
});    

關閉對話框的按鈕是否在要加載的頁面中？