2

ハイパーリンクの jquery onclick を呼び出したいです。ただし、ページの読み込みのたびにダイアログが表示されるようになりました。この例の 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>

以下のリンクをクリックしてから呼び出し、ページのオンロードのたびにダイアログを呼び出さないようにしたい。

皆様、ご回答ありがとうございます。

4

4 に答える 4

1

ダイアログのautoOptenオプションをfalseに設定します。

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

ダイアログdivのIDとは異なるように、リンクのIDを変更します。

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

open次に、ダイアログを呼び出します。

$("#openDialog").click(function(e){
    e.preventDefault();
    $("#dialog-confirm").dialog("open");
});
于 2012-04-12T08:57:43.110 に答える
1 
$(function() {
        $( "#dialog-box" ).dialog({
            autoOpen: false,
            resizable: false,
            width:500,
            height:140,
            modal: true,
            buttons: {
                "Confirm": function() {
                    $( this ).dialog( "close" );
                    autoGeneration();
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            }
        });

    $( "#dialog-confirm" ).click(function() {
        $( "#dialog-box" ).dialog( "open" );
        return false;
    });

    });

「リンク」と「ダイアログ」に異なるIDが必要なため、ダイアログを変更しました-ダイアログボックスに確認します

<div id="dialog-box" 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>
于 2012-04-12T08:58:20.647 に答える
0

まずautoOpen、ダイアログのプロパティを設定してfalse、ページの読み込み時にダイアログが開かないようにします。

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

次に、リンクのクリックハンドラーで開きます。

$("#dialog-confirm").click(function(e) {
    e.preventDefault;
    $("#dialog-confirm").dialog('open');
});
于 2012-04-12T08:58:43.330 に答える
0

やったほうがいい

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

と

$('a.bigButton').click(function(e){
    e.preventDefault();
    dialog.dialog("open");
});
于 2012-04-12T08:59:16.927 に答える