2012-01-24 14 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'); 

を入力してください。

これがうまくいかない場合は、コードを投稿してください。さらに調査します。

関連する問題