JQuery 事件应该改变 iframe 的 src

Question

布局看起来像这样（或多或少）：

我的索引页有两个 iframe，左侧用于导航，右侧用于实际内容。在导航的 html 文档中，我有一个小脚本 (JQuery)，当您将鼠标悬停在按钮上/单击按钮时，它会为按钮设置动画。我当然需要补充的是，点击按钮实际上会改变第二个 iframe 的来源。(Content-Frame, id="I2")`

不管我在写什么，脚本都会中断，动画会丢失。

我有这样的想法：

window.document.GetElementById("I2").src = "Content/some_other_html_page.html";
// or:
parent.document.GetElementById("I2").src = "..." ;

但它只是行不通。该脚本在第一个 iframe 的 html 文档中被午餐。有人可以帮助我吗？昨天晚上我真的在那里坐了大约 2 个小时，只是在互联网上搜索结果并在我编辑的网页上按 F5。

Answer 1

用于更改 iframe 的 URL 你可以这样做

<input type="button" id="button" value="Chnageurl" onclick="changeurl()"/>
<script type="text/javascript">

    function changeurl(e) {
            $('#iframe').attr('src', 'someother url');
            return false;
        }

</script>

Answer 2

既然你已经包含了 jQuery，你可以使用：

$("#I2", window.parent.document).attr("src", "Content/some_other_html_page.html");

您必须使用上下文 window.parent.document 才能从其他导航 iframe 中选择 iframe。