Javascript 加载网页时自动显示对话框

当我加载我的网页时，我有一个自动打开的对话框。 我不想那样

我把一个图像，当我点击它，我想打开对话框

我的js

html部分

       <div id="deleteReportConfirm" title="Delete report?" style="display:none">
           <p>....</p>
       </div> 

       <img id="deleteReportButton" src="/plato/resources/images/delete.png" />

您需要添加autoOpen选项并将其设置为false，这将在加载页面时阻止其打开，并且仅在调用open函数时才加载

$("#deleteReportConfirm").dialog({
        autoOpen: false,
        resizable: false,
        height: 140,
        modal: true,
        buttons: {
            "Delete report": function() {
                $(this).dialog("close");
            },
            Cancel: function() {
                $(this).dialog("close");
            }
        }
    });

---

工作示例：

奇怪的是，当我单击打开此对话框时，它关闭了immiDatelyWorks，我可以检查我添加的JSFIDLE。如果它在打开时仍然关闭，那么您还有一些其他事件正在打开时关闭它。

$("#deleteReportConfirm").dialog({
        autoOpen: false,
        resizable: false,
        height: 140,
        modal: true,
        buttons: {
            "Delete report": function() {
                $(this).dialog("close");
            },
            Cancel: function() {
                $(this).dialog("close");
            }
        }
    });