1. 程式人生 > >解決jquery load載入JS失效問題

解決jquery load載入JS失效問題

一般我們如果想在一個介面中顯示另一個介面的內容通常使用load載入,但是load載入也有一定的弊端,對於靜態的介面沒有其他特殊js效果的介面用load載入是ok的,但是如果介面本身有js作用,那麼在通過load載入到兩一個介面是,此介面原本具有的js效果就會出現顯示無效的情況,針對這一情況,讓被載入的介面通過載入進inframe再顯示就很好的解決了load載入js無效的問題。

部分jQuery程式碼如下:

//巢狀iframe解決js失效問題
$('.submenu.bg-palette4 li a').click(function(e){
var evt=e||window.event;
evt.preventDefault();
var url=$(this).attr('href');
$('#main-bd .page-tab').html('');
$('#main-bd .page-tab').append(' <iframe name="testLoad" style="width:100%"></iframe>

');
window.open(url,'testLoad');
});