单击时会打开jQuery对话框,但autoOpen不起作用

时间:2013-09-19 17:59:18

标签: ajax jquery-ui jquery jquery-ui-dialog

我有一个网站here ...

当你到达网站时......

autoOpen: true,正在运行,但它没有加载ajax请求(jquery-ajax.html)。

但是,如果您单击左上角的按钮,即“合规性和道德规范”,则ajax请求会通过并打开对话框。

我做错了什么,它没有自动打开?

$(function() {
    $("#dialog").dialog({
        autoOpen: true,
        modal: true,
        width: 750,
        height: 'auto',
        show: 'fade',
        hide: 'fade',
        position: {my: "center top", at:"center top", of: window },
        buttons: {
            "Dismiss": function() {
                $(this).dialog("close");
            }
        }
    });

以下是点击播放ajax请求的内容......

<script type="text/javascript">
    jQuery('#dialog').load('jquery-ajax.html').dialog('open'); 
</script>

1 个答案:

答案 0 :(得分:1)

我查看了你的页面源代码,也许原因是你的函数调用发生在DOM中创建div框之前。此外,您不需要设置对话框autoOpen,因为您手动调用dialog('open')。 试试这个:

<script type="text/javascript">
    $(document).ready( function() {
        jQuery('#dialog').load('jquery-ajax.html').dialog();
    });
</script>