0

Web ページをロードすると、自動的に開くダイアログが表示されます。私はそれをしたくありません。

画像を配置してクリックすると、ダイアログが開きます

私のjs

       $("#deleteReportButton").click(function() {
             $("#deleteReportConfirm").dialog("open");
        });


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

html部分

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

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

1 に答える 1

2

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");
            }
        }
    });

作業例: http://jsfiddle.net/Eh89t/1/

于 2013-10-23T21:53:47.467 に答える