JQuery的对话框（“公开”）不工作

问题描述：

下面是一个简单http://jsfiddle.net/mUpjw/15/JQuery的对话框（“公开”）不工作

我有jQuery 1.2版本在一些旧代码，它是打开的对话框这种方式。

$('#myDiv').dialog('open');

我升级到jquery 1.6.1，它工作正常。但如果我添加一个DOCTYPE比它不工作，但如果我做

$('#myDiv').dialog();

这工作正常。

这是什么原因？

链接到您的页面/代码？ – AlienWebguy

@AlienWebguy http://jsfiddle.net/mUpjw/15/ –

答

您需要设置您的对话框。

<div id="dialog_link">click here</div> 
<div id="mydiv" style="display:none;">This is some document here.Will be shown as used 'open'</div> 
<div id="mydiv2" style="display:none;">This is some document here</div> 

$(document).ready(function(){ 

$('#mydiv').dialog({ 
    autoOpen: false, 
    width: 600, 
    buttons: { 
     "Ok": function() { 
      $(this).dialog("close"); 
     }, 
     "Cancel": function() { 
      $(this).dialog("close"); 
     } 
    } 
}); 

$('#dialog_link').click(function() { 
    $('#mydiv').dialog('open'); 
    return false; 
});

有趣的是，当$（'＃mydiv'）。dialog（{..}）在.ready（）之外时，它没有打开。当我把它移入内部时，所有事情都按预期开始工作去搞清楚。谢谢@Caimen – Califf

答

这是用来后已初始化的对话框中的选项..

$('#mydiv').dialog({autoOpen: false}); 
// now you can call it with 'open' to actually show it.. 
$('#myDiv').dialog('open');

演示在http://jsfiddle.net/gaby/mUpjw/16/

的区别是jQuery UI的版本和不间jQuery库

我有同样的问题，这个答案解决了我的问题。谢谢 –

JQuery的对话框（“公开”）不工作

相关推荐