jquery对话框问题

jquery对话框问题,jquery,jquery-ui-dialog,Jquery,Jquery Ui Dialog,当我添加一行来添加对话框时,我的实际页面消失了。谁能告诉我我做错了什么 $(function(){ //when I open this line, my page disapperars? $("#dialog").dialog({ autoOpen: false, modal: true }); }); /**FUNCTION CLOSED*/ <div id="dialog" title="Delete

当我添加一行来添加对话框时,我的实际页面消失了。谁能告诉我我做错了什么

 $(function(){          
       //when I open this line, my page disapperars?     
       $("#dialog").dialog({ autoOpen: false,  modal: true  });

   }); /**FUNCTION CLOSED*/

    <div id="dialog" title="Delete Record" style="display: none">
          <p><span style="float:left; margin:0 7px 20px 0;"></span>Are You Sure?</p>
    </div>
$(函数(){
//当我打开这行时,我的页面会消失吗?
$(“#dialog”).dialog({autoOpen:false,modal:true});
}); /**函数关闭*/
你确定吗


使用Firebug检查页面的HTML,查看标记是否实际被删除,或者只是被对话框隐藏

在没有看到实际情况的情况下(基于一小段代码),jQueryUI可能会通过将对话框声明为模态来设置背景图像或背景颜色,从而使页面的其余部分看起来好像已被删除。对话框是否实际出现

如果您看到任何JavaScript警告,也可以将其包含在原始帖子中。

试试这个

<html>
<head>
<title>Test</title>
    <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.7.custom.css">
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript">

    $(function(){
    //when I open this line, my page disapperars?
    $("#dialog").dialog({ autoOpen: true, modal: true });

    }); /*FUNCTION CLOSED*/

    function openDialog(){
        $( "#dialog" ).dialog({ autoOpen: true, modal: true });
    }
</script>
</head>
<body>
    <p>Para</p>
    <a href="#" onclick="openDialog();">Open Dialog</a>
    <div id="dialog" title="Delete Record" style="display: none">
        <p><span style="float:left; margin:0 7px 20px 0;"></span>Are You Sure?</p>
    </div>
</body>
</html>

试验
$(函数(){
//当我打开这行时,我的页面会消失吗?
$(“#dialog”).dialog({autoOpen:true,modal:true});
}); /*函数关闭*/
函数openDialog(){
$(“#dialog”).dialog({autoOpen:true,modal:true});
}
帕拉

你确定吗


错误对话框显示了什么?使用web inspector或firebug找出问题所在…请使用
{}
按钮正确设置代码格式。你说的“打开这行”是什么意思?嗨,安德鲁的答案正是我想要的。但不会打开对话框。事实上,我想要一个确认对话框如下:。谢谢你的回答……安德鲁,这正是我想要的。但不会打开对话框。你试过了吗?实际上我想要这样一个确认对话框:。谢谢你的回答…我不确定我是否正确理解你的要求,你想在页面加载或其他事件发生时显示对话框吗?你真的看到上面代码中出现的对话框了吗?您始终可以使用$(“#dialog”)触发对话框打开;我没有看到对话框,我在一个单独的html页面中运行您的代码。在我的代码中,当我在$(function()之后添加行($(“#dialog”).dialog('open');)时{,我的实际页面消失了。我不明白是什么错了。如果这样做有效,我会像你在示例代码中所做的那样将该对话框移动到链接下面。我使用的是ui js、jquery js,几乎一切都正常。好的,请你将整个页面的源代码粘贴到这里。