按钮打开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"); 
      }  
     }     
});    

关闭对话框的按钮是否在要加载的页面中？