0

したがって、このモーダルを表示するために、次のコードがあります。

<button type="button" onclick="openModal(); return false;">A button</button>

このためのJavaScriptは次のとおりです。

<script type='text/javascript'>
function openModal(a)   
    {
        $.modal({
            content:  'Some content here',
            title: 'a title',
            maxWidth: 500,

        });
        win.closeModal();
    }

</script>

これを隠す関数が必要です。画面上の任意の場所をクリックするとモーダルを非表示にするhideModal（）関数の実行方法について誰かにアドバイスをいただけますか？

4

3 に答える 3

0

ダイアログに「開く」イベントを追加し、クリックリスナーをバインドして、どこかをクリックするとダイアログを閉じることができます---

open: function(){
        jQuery('.ui-widget-overlay').bind('click',function(){
            jQuery('#ID_of_ur_dialog').dialog('close');
        })
    }

効果を隠すには、「非表示」オプションを使用できます---

hide: "highlight"
于 2013-01-26T15:08:21.880 に答える
0

ブラウザウィンドウでモーダルを開いた状態で、ブラウザのコンソールを使用して試してください

  var modal;
    function btnsModal() {
        var btns = {
            'Close': function (win) {
                modal.closeModal()
            }
        }
        return btns;
    }

    function openModal(oLink, content) {
        var btn = btnsModal();
        modal = $.modal({
            buttons: btn
        });
    }
于 2013-01-24T09:54:13.727 に答える
0

これはばかげています...

これをcssのdisplaynoneで修正しました...トラフを厚くしなかったことがわかりました...displaynoneと、モーダルを除くページの他の場所をクリックするとCSSをトリガーするJSイベントを追加しました。

入力してくださった皆さん、どうもありがとうございました！心から感謝する！

于 2014-10-30T16:17:37.340 に答える