Javascript 加载IFRAME onClick
我有iFrame正在加载onClick 以下脚本的问题是总是加载第一个iframe的内容,而我希望在单击相对链接时只加载正确的iframeJavascript 加载IFRAME onClick,javascript,jquery,html,iframe,Javascript,Jquery,Html,Iframe,我有iFrame正在加载onClick 以下脚本的问题是总是加载第一个iframe的内容,而我希望在单击相对链接时只加载正确的iframe $('.toggle-next-div').click(function(){ var iframe = $("#myiFrame"); iframe.attr("src", iframe.data("src")); }); HTML //iframe(1) 不要使用相同的ID。您可以使用一个类: //iframe(1) //iframe(2) I
$('.toggle-next-div').click(function(){
var iframe = $("#myiFrame");
iframe.attr("src", iframe.data("src"));
});
HTML
//iframe(1)
不要使用相同的ID。您可以使用一个类:
//iframe(1)
//iframe(2)
ID应该是唯一的。您有三个具有相同ID.Thx的HTML元素。你的剧本不适合我。我刚把id改成class,现在可以了。是的,你需要用class替换id。这就是我的意思
<a href="#" class="toggle-next-div">Map</a>// iframe (1)
<iframe id="myiFrame" data-src="my-url" src="about:blank"></iframe
<a href="#" class="toggle-next-div">Map</a>// iframe (2)
<iframe id="myiFrame" data-src="my-url" src="about:blank"></iframe>
<a href="#" class="toggle-next-div">Map</a>// iframe (3)
<iframe id="myiFrame" data-src="my-url" src="about:blank"></iframe
<a href="#" class="toggle-next-div">Map</a>// iframe (and so on...)
...
$('.toggle-next-div').click(function(e) {
e.preventDefault();
var iframe = $(this).next();
iframe.attr("src", iframe.attr("data-src"));
});