Simplemodal - iframe 不会关闭答案

【问题标题】：Simplemodal - iframe won't closeSimplemodal - iframe 不会关闭
【发布时间】：2013-02-26 12:14:20
【问题描述】：

我正在使用来自 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 内的操作按钮。

任何想法或帮助都会很棒！

【问题讨论】：

标签： jquery modal-dialog simplemodal

【解决方案1】：

将事件添加到 iframe 中的链接

$('.modal-close').click( function() {
        parent.$.modal.close();
    });

【讨论】：

这对我有用，此代码放置在 iframe 页面中。不需要对 js 进行其他调用。

【解决方案2】：

通过查看弹出的简单演示，然后查看关闭链接上使用的点击事件数据，我发现：

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

该数据来自此链接 Basic Modal Dialog 的关闭 ahref <a class="modalCloseImg simplemodal-close" title="Close" id="modalId"></a>

你能不能试试这个：

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

"modalId" 只是我给上面 ahref 链接的一个 ID。或者你可以这样做：$('#IdOfiFrame').remove();

【讨论】：