javascript - jquery 只加载一次内容

Question

你好，我的问题是，每当我通过 javascript 和 jquery 将内容加载到 iframe 时，它​​只会在第一次加载，然后我无法在其上加载任何内容。我使用的功能是这样的:

function loadContent(elementSelector, sourceURL) {
    $(""+elementSelector+"").attr('src', sourceURL );
}

我把它叫做

<li><span><a href="javascript:loadContent('#oPanel', 'http://www.google.com');">Google</a></span></li>

我做错了什么吗？谢谢!

Answer 1

我已尝试重现您的问题，但未能成功。我创建了一个非常简单的网站，其中包含链接和一个 iframe:

​<a class="iframe" href="http://microsoft.com">Microsoft</a>
<a class="iframe" href="http://google.com">Google</a>
<iframe id="oPanel"></iframe>

和 4 行 unobstrusive JavaScript在 iFrame 中加载这些链接:

​$('a').click(function(){
    $('#oPanel').attr('src',$(this).attr('href'));
    return false;
});​​​​​

它按预期工作。您可以在这里尝试:http://jsfiddle.net/jQncy/