1

プロジェクトで simplemodal OSX を使用していますが、ユーザーがポップアップの外側をクリックしたときにモーダル ポップアップを閉じたいと考えています。overlayClose を true に設定した次のコードを使用していますが、うまくいきません。X ボタンでは正常に機能しますが、外側をクリックすると機能しません。

    $("#osx-modal-content").modal({
                autoPosition: true,
                autoResize: false,
                overlayId: 'osx-overlay',
                containerId: 'simplemodal-container',
                closeHTML: null,
                closeByEscape: true,
                setEvent: 'click',
                closeByDocument: true,
                overlayClass: '',
                minHeight: 80,
                opacity: 65, 
                position: ['72px',],
                overlayClose: true,
                onOpen: OSX.open,
                onClose:OSX.close

            });

更新: HTML を追加

<!-- modal content -->
<div id="osx-modal-content">

    <div id="osx-modal-data">

        <div id="simplemodal-container" class="simplemodal-container">
            <div id="modal-placeholder" class="simplemodal-data" style="display: block;">


            </div>

        </div>

    </div>
</div>
4

1 に答える 1

2

（IEの安全な方法click）でこれを試すことができ、関数を呼び出します：document$.modal.close()

$(document).on('click', function(){
   if($('#osx-modal-content').is(':visible')){
     $.modal.close()
   }
});
于 2013-06-27T12:38:17.310 に答える