ajax - 单击时打开 jQuery 对话框，但 autoOpen 不起作用

Question

我这里有一个网站...

当你到达现场...

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>

Answer 1

我查看了您的页面源代码，可能原因是您的函数调用发生在 DOM 中创建 div 框之前。此外，您无需设置对话框autoOpen，因为您dialog('open')手动调用。尝试这个：

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