Question

我有一个div容器，最初在页面加载时隐藏。在div中，我有一个包含对话框内容的容器：

<div style="display:none;" id="dialog-container">
    content
</div>

我遇到的问题是当用户点击链接打开对话框时：

jQuery("#dialog-link").click(function() {

    //shows modal box

    jQuery( "#dialog-container" ).dialog({
        width:"820",
        resizable: false, 
        modal: true,
        buttons: {
            Ok: function() {
                jQuery( this ).dialog( "close" );
            }
        }
    });

});//close click

叠加显示但对话框本身无处可见。我究竟做错了什么？最初隐藏div的事实是否与它有关？

感谢。

更新

我发现了问题，但仍然没有解决方案。 .ui-dialog类有一个'top'属性太高，所以对话框在屏幕上打开。

Answer 1

确保显示要删除display:none

的对话框容器

jQuery("#dialog-link").click(function() {


//shows modal box

  jQuery( "#dialog-container" ).dialog({
     width:"820",
     resizable: false, 
     modal: true,
     buttons: {
        Ok: function() {
          jQuery( this ).dialog( "close" );
        }
     }
   });

   jQuery( "#dialog-container" ).show(); //make visible
});

工作示例：http://jsfiddle.net/

jQuery Ui Dialog没有显示出来

1 个答案: