jquery - 用 jQuery 重置点击事件？

Question

我正在使用jQuery FeatureList plugin与 2 <ul>我使用上一个/下一个按钮显示/隐藏的列表。

我做了以下事情:

    $(document).ready(function() {

        $.featureList( //List 1
            $("#tabs li a"),
            $("#output li"), {
                start_item : 0
            }
        );
        
        $.featureList( //List 2
            $("#tabs2 li a"),
            $("#output2 li"), {
                start_item : 0
            }
        );
        
        $('.ftprev').click(function() { //Prev button
        $(this).fadeOut();
        $('#tabs').fadeIn();
        $('#tabs2').fadeOut();
        $('#output').fadeIn();
        $('#output2').fadeOut();
        $('.ftnext').fadeIn();
        }); 
        
        $('.ftnext').click(function() { //next button
        $(this).fadeOut();
        $('#tabs').fadeOut();
        $('#tabs2').fadeIn();
        $('#output').fadeOut();
        $('#output2').fadeIn();
        $('.ftprev').fadeIn();
        }); 
        
    });

它有效，但我想在单击上一个/下一个按钮时将列表的第一项设置为“当前”。否则，我的列表不同步，这非常难看......有什么想法吗？

Answer 1

这有点盲目(无法看到实际的 HTML 代码)，但我想说你需要添加:

$('#tabs').find('li').removeClass(); // removes 'current' class from any li that already has it
$('#tabs').find('li').filter(':first').addClass('current');

到“上一个”按钮点击功能，并且:

$('#tabs2').find('li').removeClass(); // removes 'current' class from any li that already has it
$('#tabs2').find('li').filter(':first').addClass('current');

到“下一步”按钮。

如果这不起作用，请发布代码的 jsfiddle，我将进一步调查。