单击按钮时重新加载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>