0

我已经和这些一起工作了几天，无法弄清楚如何实现它......请建议

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

所有拇指显示在底部，当用户单击拇指时，将显示一个大预览......我得到了它的工作

问题：我想添加的另一件事是，当用户单击大预览时，将选择下一个拇指（底部面板）。但它没有按我的意愿工作，没有选择下一个拇指。

//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");
});

对不起，我不知道如何解释，但我确定你明白了，希望

4

2 回答 2

0

小提琴没有正确显示给我，但是从这里的代码来看，它看起来像在大预览点击中，$activetab不应该是li.active .container元素，而是它的 parent 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");
});
于 2013-02-11T13:46:13.567 回答
0

您的 js 小提琴有点损坏，因为看起来图像指向您的本地开发。

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

但是，我认为我可以看到您的问题，因为您正在进入容器 div 并尝试转到下一个元素。但是，您需要先升一级到 li 元素，然后再降级。

像这样的东西会起作用。

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

    $(this).removeClass();      
    $nexttab.addClass("active");
});
于 2013-02-11T13:52:17.333 回答