jquery - 在页面加载时调用 jquery

Question

我想调用一个超链接的jquery onclick。但现在每次页面加载时都会出现该对话框。我使用此 example 中的 jquery 示例.

$(function() {
        $( "#dialog-confirm" ).dialog({
            resizable: false,
            width:500,
            height:140,
            modal: true,
            buttons: {
                "Confirm": function() {
                    $( this ).dialog( "close" );
                    autoGeneration();
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    });

和 HTML:

<div id="dialog-confirm" title="Overwrite?">    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Will be overwrite. continue?</p> </div>

<a href="#" id="dialog-confirm" class="bigButton">AUTO GENERATION</a>

我想通过单击下面的链接进行调用，并避免每次加载页面时调用对话框。

谢谢大家的回答。

Answer 1

将对话框的 autoOpten 选项设置为 false:

$(function() {
    $("#dialog-confirm").dialog({
        autoOpen: false
         //other options
    });
});

更改链接的 id，使其与对话框 div 的 id 不同:

<a href="#" id="openDialog" class="bigButton">AUTO GENERATION</a>

然后只需在对话框上调用open:

$("#openDialog").click(function(e){
    e.preventDefault();
    $("#dialog-confirm").dialog("open");
});