如何使用jQuery动态添加活动状态到库缩略图

Question

我正在使用galleriffic来处理我的图片库，我对缩略图活动状态有疑问。

Galleriffic不支持图像上的活动状态 - 仅支持列表项。现在，图库将为包含缩略图的当前LI分配一个“选定”类，我一直在尝试使用jQuery来定位活动LI中的缩略图ID，因此我为图像指定了一个活动状态，然后将其返回给默认状态。

基本上我在做：

$('.selected img#myImage').attr('src', 'path_to_active_state.jpg');

但是，我无法让图像在之后恢复到默认状态。我不认为jQuery支持在if语句中使用hasClass，但如果有人知道请帮助。欢迎任何建议。

Answer 1

您可以试试:not选择器吗？您目前正在执行此操作以获取所选图像：

$('.selected img#myImage').attr('src', 'path_to_active_state.jpg');

尝试这样做以获得未选择的图像：

$(':not(.selected) img#myImage').attr('src', 'path_to_active_state.jpg');

Answer 2

您可以在活动图像中添加一个类，以便以后识别它。

所以

$('.selected img#myImage').attr('src', 'path_to_active_state.jpg').addClass('altered');

并突出显示另一个缩略图

$('.altered').attr('src', 'path_to_inactive_state.jpg').removeClass('altered');

同样在您的示例中$('.selected img#myImage')似乎暗示您对所有缩略图使用相同的ID（#myImage）。 Id在DOM中应该是独一无二的。