JQuery切换图像CSS
JQuery切换图像CSS
提问于 2013-08-10 18:53:49
我正在使用Jquery来更改一些图像的css。
它可以工作，并在单击时更改图像css大小。唯一的问题是，当我单击下一个图像时，前面的图像将保留在新的css切换按钮中。
是否有一种方法，当我点击下一个图像，前一个图像回到原来的css。
我在这里包括了一个jsfiddle示例：http://jsfiddle.net/webdott/hSFpp/
以下是jquery代码：
$('img').click(function() {
$(this).toggleClass('thumb fullview')
});您可以看到，您单击的每个图像都保持较大。
谢谢
回答 2
Stack Overflow用户
发布于 2013-08-10 18:55:29
在将fullview类添加到单击的元素之前，需要从所有其他img元素中删除它。试试这个：
$('img').click(function() {
$('img').removeClass('fullview'); // remove class from all
$(this).addClass('fullview'); // add class to clicked img
});更新小提琴
Stack Overflow用户
发布于 2013-08-10 19:01:07
尝试删除img "fullview“上的类，然后将其添加到$(this)中。
$('img').click(function() {
$('img').removeClass('fullview');
$(this).addClass('fullview');
});小提琴
更新：
我意识到，虽然我们都解决了这个问题，但点击大图片并没有切换它。我在以下代码中为此添加了一个函数：
if ( $('img').hasClass('fullview') ) {
$(this).click(function() {
$(this).removeClass('fullview');
});
}更新小提琴
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18165315
复制相关文章
相似问题
腾讯云开发者
