Question

我正在使用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内部。

任何想法或帮助都会令人惊叹！

Answer 1

在iframe中为您的链接添加活动

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

Answer 2

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

function（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();

Simplemodal - iframe不会关闭

2 个答案: