jquery - addClass 事件到 slider 拇指

Question

我正在尝试在单击 .thumb 时向 img 添加一个事件类。

我想做什么:

我得到的:

$(document).ready(function() {

$(".thumb").click(function() {
var IMG = $(this).find("img").addClass('active');
$(".viewer").not($(this).siblings().find('img').removeClass('active').parent().after()).remove();

var top = $(this).offset().top - 10; 
// window.scrollTo(0, top); // no animation
$('html, body').animate({ scrollTop: top }, 100);

$(this).parent().after("<div class='viewer'><div class='content-slide'><img src='' /><p class='exit'>✖</p><h2></h2><span></span></div></div>");

$(".viewer").find("img").attr("src", IMG.attr("data-HD"));
$(".viewer").find("h2").text(IMG.attr("title"));
$(".viewer").find("span").text(IMG.attr("description"));
$(".content-slide img").height($(".viewer").height());
$("p.exit").click(function() {
$(this).closest(".viewer").slideUp(200, this.remove);
$("img").removeClass('active'); 
});
});

});

演示:http://codepen.io/anon/pen/NNrQWe

Answer 1

在您点击缩略图时删除类，

var IMG = $("img").not($(this).find("img").addClass('active')).removeClass("active");

DEMO