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>

弹出并工作得很好，只是无法关闭弹出窗口！我已经使用了所有谷歌的想法，只是不会关闭。我可以让它关闭，它会闪烁然后在下面打开第二个 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 回答