Jquery在两个图像之间切换不工作

Jquery switch between 2 images not working

本文关键字：之间 工作 图像 两个 Jquery      更新时间：2023-09-26

我已经尝试了许多不同的代码块，但我不能得到这个工作。我想做一些非常简单的-切换2图像之间的onclick。我在这个论坛上尝试了许多解决方案，但无济于事。当页面在iframe内时是否不同?会不会有图像的路径问题?

下面是我的代码:

JS 

$("#infoToggler img").click(function() {
    window.alert('hi');
    $(this).find('img').toggle();
});


<div id="infoToggler"> 
    <img src="bkramer1.jpg" />
    <img src="bkramer2.jpg" style="display:none"/>          
</div>

工作示例

$("#infoToggler img").click(function() {
   $("#infoToggler img").toggle(); //you need to toggle images both
});

和

如果你愿意将jquery函数改为"ready"而不是"click"，这将解决你的问题

使用jQuery更改图像src onClick

将单击事件应用于包装器，然后像这样切换图像的可见性。

$("#infoToggler").click(function() {
   $(this).find('img').toggle();
});

您正在执行$("#infoToggler img")，它选择id为#infoToggler的元素中的所有图像。

所以不需要再找到img。

你理解错了，试试这样做:

$("#infoToggler img").click(function() {
    window.alert('hi');
    $("#infoToggler img").toggle();
});

是的，你必须两者都切换。

看这里，给你一个例子:http://jsfiddle.net/mz47F/

这是一个可以在两个图像之间切换的工作示例。

http://jsfiddle.net/6WQTz/

$("#infoToggler img").click(function() {
  $('img:first').toggle();
  $('img:last').toggle();
});
相关文章：