Iframe 单击意外行为

Iframe onClick unexpected behavior

本文关键字：意外 单击 Iframe      更新时间：2023-09-26

我有这个脚本来加载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.....

我希望在单击相对链接时一次只加载一帧。

怎么做？

试试这个：

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

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

希望这有帮助。

相关文章：