jquery - 单击缩略图时，无法切换类以更改图库中的主图像

Question

我正在尝试制作一个简单的图片库。

目前，我有一个大类，其背景图像包含较低 5 个缩略图之一的全尺寸版本。当我单击 5 个缩略图之一时，我希望大型类的背景图像更改为刚刚单击的缩略图的更大版本。

我试图使用该toggleClass()方法将类更改为具有与缩略图匹配的背景图像的类，但目前它不起作用。

我设置了一个JSfiddle来演示前两个缩略图，当前更改类应该只更改背景颜色以简化一点。

那么为什么当thumb2点击带有 id 的第二张图片时类没有被改变呢？

谢谢

score 3 · Accepted Answer

3

删除中的点main-image2

$(".main-image1").toggleClass("main-image2");

于 2013-05-24T15:22:33.257 回答

score 2 · Accepted Answer

语法问题：-

改变这个

$(".main-image1").toggleClass(".main-image2");

至

$(".main-image1").toggleClass("main-image2");

提供类选择器时，您需要提供.，但在 add/remove/toggleClass 操作中，它应该是单独的类名。

score 1 · Accepted Answer

1

利用

$(".main-image1").toggleClass("main-image2");

不要.在toggleClass()

于 2013-05-24T15:24:15.647 回答

3 回答 3