2012-01-24 74 views
2

我正在使用jQuery FeatureList plugin和2 <ul>列表,我使用上一个/下一个按钮显示/隐藏。使用jquery点击重置事件?

我做了以下内容:

$(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(); 
     }); 

    }); 

它的工作原理,但我想将列表的第一个项目“当前”时,当在上/下一个按钮的点击。否则,我的名单不同步,这是非常丑陋的... 任何想法?

Thx!

回答

0

这有点在黑暗中拍摄的(而不能看到实际的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的代码,我会进一步调查。