是否使用jquery在单击时重置事件?
我正在使用with 2是否使用jquery在单击时重置事件?,jquery,Jquery,我正在使用with 2列表,使用上一个/下一个按钮显示/隐藏这些列表 我做了以下工作: $(document).ready(function() { $.featureList( //List 1 $("#tabs li a"), $("#output li"), { start_item : 0 } ); $.featureList
列表,使用上一个/下一个按钮显示/隐藏这些列表
我做了以下工作:
$(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();
});
});
它可以工作,但我想在单击上一个/下一个按钮时,将列表的第一项设置为“当前”。否则,我的列表不同步,wich很难看。。。
有什么想法吗
谢谢 这有点像是瞎猜(看不到实际的HTML代码),但我认为您需要添加:
$('#tabs').find('li').removeClass(); // removes 'current' class from any li that already has it
$('#tabs').find('li').filter(':first').addClass('current');
单击“prev”按钮功能,然后:
$('#tabs2').find('li').removeClass(); // removes 'current' class from any li that already has it
$('#tabs2').find('li').filter(':first').addClass('current');
转到“下一步”按钮
如果这不起作用,请发布一段代码,我将进一步调查。这有点像是瞎猜(看不到实际的HTML代码),但我认为您需要添加:
$('#tabs').find('li').removeClass(); // removes 'current' class from any li that already has it
$('#tabs').find('li').filter(':first').addClass('current');
单击“prev”按钮功能,然后:
$('#tabs2').find('li').removeClass(); // removes 'current' class from any li that already has it
$('#tabs2').find('li').filter(':first').addClass('current');
转到“下一步”按钮
若这不起作用,发布一段JSFIDLE代码,我将进一步调查