Question

我需要在用户关闭iframe时刷新我的网页

var iframe = $('#layer-frame').contents();

iframe.find(".close").click(function(){
  alert("test");
});

我有上面的代码似乎没有捕获我的点击事件。如何添加页面刷新功能..请帮助

Answer 1

在iframe加载函数中编写代码：

$('#layer-frame').load(function() {
   $(this).contents().find(".close").click(function(){
      alert("test");
      location.reload(true); 
   });
});

Answer 2

试试这个

var ifra = $('#layer-frame').contents();
ifra.find(".close").click(function(){
  location.reload(true); // This will reload the current page
});

Answer 3

这是一些技巧 - 您可以尝试捕捉帧冒泡点击事件 -

父页

<html>
    <head>
        <title>testpage</title>
        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
        <script>
            $(function(){
                var frame = window.frames[0] // first in may case

                $(frame).on("click", function(e){

                    if($(e.target).is('.close')){
                        window.location.reload();
                    }

                });
            })
        </script>
    </head>
    <body>
       <div><iframe src="iframe.html"/></div>
    </body>
</html>

<强> IFRAME

<div class="root">
    <span class="close">click</span>
</div>

关闭iframe时如何刷新父页面 - jquery

3 个答案: