Question

我已经和他们一起工作了几天，无法弄清楚如何实现这一目标......请咨询

所有拇指都显示在Bottom中，当用户点击拇指时，大型预览会显示...我已经让它正常工作

问题：我想添加的另一件事是当用户点击大预览时，将选择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元素，然后再下降。

这样的事情会起作用。

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

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

JQuery移动到下一个元素不起作用

2 个答案: