JQuery的举措不能正常工作下一个元素

Question

我一直在与这些为两天，无法弄清楚如何做到这一点...请咨询

http://jsfiddle.net/kbspot/fjVhY/

在底部显示笨手笨脚的时候，用户点击拇指大预览会显示...我得到它的工作

问题： 另一件我想补充的是，当用户点击大预览时，将选择NEXT拇指（底部面板） 。但它没有按照我的要求工作，Next拇指未被选中。

//Click on thumbnail (this is working perfectly) 
$(".panel-bottom li").click(function() { 
    var $activetab = $('li.active');   
    //$activetab.('IMG').hide(); 
    $activetab.removeClass('active');  
    $(this).addClass('active'); 

    //$(this).next().css({'border': '2px solid red'}); 
}); 

//Large Preview click (this is the problem) 
$("li.active .container").click(function() { 
    //alert($(this).parent().html()); 
    var $activetab = $(this);  
    var $nexttab = $activetab.next(); 

    $(this).removeClass();  
    $nexttab.addClass("active"); 
}); 

对不起，林不知道该如何解释但是我相信你得到它，希望

Answer 1

小提琴心不是正确地显示出来对我来说，但是从这里的代码，它看起来像在大预览点击，$activetab不应该是li.active .container元素，但其父母li.active，如在第一部分？

//Large Preview click (this is the problem) 
$("li.active .container").click(function() { 
    //alert($(this).parent().html()); 
    var $activetab = $(this).parent(); // Updated this line  
    var $nexttab = $activetab.next(); 

    $(this).removeClass();  
    $nexttab.addClass("active"); 
}); 

Answer 2

你的js小提琴有点破，因为它看起来像图像指向你的本地发展。

<img src="http://lensamaya/basic/photo/images/1.jpg" alt="From off a hill whose concave womb reworded" /> 

但是我想我可以看到你的问题，因为你正在下降到容器div并试图转向下一个元素。然而，你需要先升到你的锂元素的水平，然后再下降。

这样的事情会起作用。

$("li.active .container").click(function() { 
    //alert($(this).parent().html()); 
    var $activetab = $(this);  
    var $nexttab = $activetab.parent().next().children('.container'); 

    $(this).removeClass();  
    $nexttab.addClass("active"); 
});