單擊按鈕時重新加載iframe內容（本地HTML）

Question

當用戶單擊按鈕時，我正在將HTML文件加載到DIV（iframe）中。

我的問題是，當單擊另一個按鈕並需要用另一個HTML文件重新加載iframe時。

這是我的代碼：

<script type="text/javascript">
$(function(){
    $('#2015').click(function(){
        if(!$('#iframe').length) {
                $('#content').html('<iframe id="iframe" src="2015.html" width="700" height="450"></iframe>');
        }
    });
});
</script>

這是按鈕代碼：

<a href ="#" id="2015">2015</a>

如何在將下一個HTML加載到其中之前刪除iframe內容？

Answer 1

您在這里犯了一個錯誤。 ID不能以數字開頭。 因此，使用btn2015代替2015作為按鈕上的ID。

該鏈接應完成其余工作：

用jQuery重新加載iframe

Answer 2

謝謝喬納森。

更改ID和較小的更改可以正常工作。

我正在測試另一種方法，並且也在工作：

1. 使用默認HTML為iframe分配一個“名稱”：

    <iframe name="year" src="2015.html"></iframe> 

2. 使用URL和iframe“名稱”作為目標的直接<a>鏈接：

    <a href="2014.html" target="year">Change Link</a>