Question

我有这个脚本来加载iframe上的iframe，但当我点击链接时，它会同时加载所有帧。

JS

$('.toggle-next-div').click(function(){
var iframe = $('.myiFrame');
iframe.attr("src", iframe.data("src")); 
});

HTML

<a href="#" class="toggle-next-div">Map</a>// iframe (1)
<iframe class="myiFrame" data-src="my-url" src="about:blank"></iframe>  
<a href="#" class="toggle-next-div">Map</a>// iframe (2)
<iframe class="myiFrame" data-src="my-url" src="about:blank"></iframe>
<a href="#" class="toggle-next-div">Map</a>// iframe (3)
<iframe class="myiFrame" data-src="my-url" src="about:blank"></iframe>
<a href="#" class="toggle-next-div">Map</a>// iframe (4)
<iframe class="myiFrame" data-src="my-url" src="about:blank"></iframe>
//...and so on.....

当我点击相对链接时，我希望只加载一帧。

怎么做？

Answer 1

试试这个：

$('.toggle-next-div').click(function () {
    var iframe = $(this).next('.myiFrame');
    iframe.attr("src", iframe.data("src"));
});

JSFiddle：http://jsfiddle.net/KyleMuir/6XnwC/

希望这有帮助。

iframe onClick意外行为

1 个答案: