在父級HTML中加載外部html到div

我將second.html加載到#[email protected]，並且我想使用second.html中的按鈕加載third.html到#[email protected]，同時卸載第二個HTML在父級HTML中加載外部html到div

我成功地加載第二個HTML到第一個HTML使用load（）。

我已經在second.html使用這種嘗試：

$("#button").click(function() { 
    $("#divcontainer".top.parent.document).unload("second.html"); 
    $("#divcontainer".top.parent.document).load("third.html"); 
    });

，但不工作。

http://i.imgur.com/CINb5Qj.jpg「結構」

來源

2016-02-11 kiki sutanto

你使用[的jsfiddle（http://jsfiddle.net） –

我還沒有創建一個樣本，怎麼就必須創建三個html文件。 –

您使用的html代碼結構 –

由於要素是動態加載，那麼你必須使用事件委派：

$('#divcontainer').on('click', '#button' function() { 
    $(this).parent().load('third.html'); 
});

，你不需要任何unload因爲它會取代現有的內容。

來源

2016-02-11 08:10:30 Jai

我試過了，但不起作用。我把你的腳本放在second.html的按鈕所在的位置。 –

@kikisutanto你可以在主頁上使用它。 – Jai

你會發現通過這個堆棧溢出鏈接正確的方式...

Changing div content via jquery with another html file's content

來源

2016-02-11 08:27:57

仍然無法正常工作 –

在父級HTML中加載外部html到div

回答

相關問題