0

http://www.ericmmartin.com/projects/simplemodal/のsimplemodalを使用しています。

私が抱えている問題は、iframeを開いたら閉じることができないことです。

    <script type="text/javascript">

// Route Which Page

$.modal('<iframe src="<?= $src ?>" height="230" width="550" style="border:0">', {
    closeHTML:"<a href='#' title='Close' class='modal-close'>x</a>",
    containerCss:{
        backgroundColor:"#eee",
        borderColor:"#ddd",
        height:230,
        padding:0,
        width:550
    },
    overlayClose:false
});

    /* When #btnClose is clicked, close the modal */    
    $('#disagree').on("click", function(event){
        parent.$.modal.close();
    });

</script>

ポップアップが表示され、うまく機能します。ポップアップを閉じることができません。私はすべてのグーグルのアイデアを使用しましたが、閉じません。閉じることができます。ちらつき、2番目のiframeが開きます。

次のコードを使用して閉じました。

/* When #btnClose is clicked, close the modal */    
$('#disagree').on("click", function(event){
    $.modal.close();
});


/* When #btnClose is clicked, close the modal */    
$('#disagree').on("click", function(event){
    parent.$.modal.close();
});

<a href="#" title="Close" class="modal-close simplemodal-close">x</a>

実際のモーダル設定：

closeHTML:"<a href='#' title='Close' class='modal-close'>x</a>",

正常に動作しますが、ロードされているiframe内にあるアクションボタンを閉じる必要があります。

どんなアイデアや助けも素晴らしいでしょう！

4

2 に答える 2

2

iframe のリンクにイベントを追加する

$('.modal-close').click( function() {
        parent.$.modal.close();
    });
于 2013-06-14T11:13:02.947 に答える
0

ポップアップする簡単なデモを見てから、閉じるリンクで使用されているクリック イベント データを見て、次のことがわかりました。

関数 (b){b.preventDefault();a.close()}

<a class="modalCloseImg simplemodal-close" title="Close" id="modalId"></a>そのデータは、このリンクからの近いahrefからのものですBasic Modal Dialog

これを試してみませんか：

 $('#disagree').on("click", function(event)
   {
     $('#modalId').trigger('click');
     //OR:
     $('.modalCloseImg').trigger('click');
   });

「modalId」は、上記のahrefリンクに付けたIDです。または、次のこともできます。$('#IdOfiFrame').remove();

于 2013-02-26T14:13:23.110 に答える