当Dialog模式关闭时刷新Iframe

Im新的Jquery对话框和Iframes，我只想询问当对话框模式关闭时是否可以刷新静态Iframe。当Dialog模式关闭时刷新Iframe

继承人的静态的Iframe：

    <iframe id="frameUserInfo" src="/User/UserInfo" style="border: none; width: 100%; 
         min-height: 220px;"></iframe> 
       </div>

，这是我的Jquery对话框

$("#dialogAddPhone").dialog({ 
      autoOpen: false, 
      resizable: false, 
      modal: true, 
      width: 700, 
      height: 700, 
      position: ['center', 40], 
      close: function (event, ui) { 
       $('#dialogAddPhone').attr('src', ''); 
      } 
     });

我尝试添加该$('#frameUserInfo').reload(true);，但它不工作

只是想给你一个更好的图片，在我的父窗口中，一个静态Iframe包含一个打开$("#dialogAddPhone") click按钮的按钮，正在调用d在/User/UserInfo

这一个是在父窗口：

<div id="dialogAddPhone" title="Document Upload" style="overflow-y: hidden;"> 
    <iframe id="myIframeAddPhone" src="" style="border: none; width: 100%; height: 100%;"> 
    </iframe> 
</div>

那么这是在静态iframe中打开事件中User/UserInfo

loadIframe('myIframeAddPhone', href); 
parent.$("#dialogAddPhone").dialog("open"); 
return false;

然后关闭该对话框后，应该刷新Iframe只有frameUserInfo

谢谢！ :)

来源

2016-01-06 Ren Tao

您可以使用以下方法：

第一种方法：

$("#dialogAddPhone").dialog({ 
     autoOpen: false, 
     resizable: false, 
     modal: true, 
     width: 700, 
     height: 700, 
     position: ['center', 40], 
     close: function (event, ui) { 
      $('#dialogAddPhone').attr('src', ''); 
      document.getElementById('frameUserInfo').contentWindow.location.reload(); //Reloads the Iframe 
     } 
    });

第二种方法：

重新设置iframe的来源。它会刷新iframe。

$("#dialogAddPhone").dialog({ 
    autoOpen: false, 
    resizable: false, 
    modal: true, 
    width: 700, 
    height: 700, 
    position: ['center', 40], 
    close: function (event, ui) { 
     $('#dialogAddPhone').attr('src', ''); 
     var iframe = document.getElementById('frameUserInfo'); 
     iframe.src = iframe.src;//Reloads the Iframe 
    } 
});

Chrome浏览器中第一种方法不会工作，因为没有contentWindow财产。所以你应该采用第二种方法。

这是Demo为使用第二种方法相同。

来源

2016-01-06 05:42:47

对不起，我的答复很迟，但我遇到的说了'遗漏的类型错误的错误：无法读取null' –

它的特性“SRC”似乎该函数在加载iframe之前调用。你能检查一下吗？ –

静态iframe在父窗口中。关闭对话框后，父窗口上的iframe应刷新 –

试试这个：

$('#frameUserInfo').attr('src', function (i, val) { return val; });

链接：https://stackoverflow.com/a/4249946/2848607

来源

2016-01-06 05:48:07 Shayou

当Dialog模式关闭时刷新Iframe

回答

相关问题