當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

回答

相關問題