2012-01-24 71 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的代碼,我會進一步調查。