我需要知道如何拥有多张图片,点击后,调用/设置一个javascript弹出窗口。
这是我的javascript:
$(document).ready(function() {
$('#my-link').click(function(e) {
e.preventDefault();
$('.offerlink').click(function() {
setTimeout('removegateway()', Delay*10);
});
setupgateway();
});
这是我的形象/来电者:
<a href="http://www.google.com" id="my-link" onmouseover="over_image('img13');" onmouseout="off_image('img13')" style="position: absolute; top:362px; left: 364px;"/>
<img src="http://blah.png" border="0" name="img13"></a>
...当我在一个图像旁边放置'id =“my-link”'时它工作正常,但当我尝试将它放在一个以上时,只有第一个(代码中的第一个)一个调用弹出窗口。我需要改变什么?
答案 0 :(得分:2)
要触发所有图片的功能,您必须使用class
而不是id
:
$('.my-link').click(function(e) {
// ...
});
<img src="http://blah.png" class="my-link" />
<img src="http://blah.png" class="my-link" />