0

これを説明するのは少し難しいようですが、私は自分のレベルを最善を尽くします。

ページングにjqueryテーブルソーターを使用しました。正常に動作しています。実際、私は曲のリストを持っており、デフォルトでは最初の曲がページの読み込み時に再生されます。

曲のTRは、この曲が再生中であることを示すためにクラス（classname = current_playing）を回転させるカスタムjquery関数によってアクティブになります。正常に動作しています。

他の曲（他のTR）をクリックすると、前の曲が非アクティブになり、TRのクラス（current_playing）が削除されます。これは明らかです。

コード

 $('.tablesorter tr').removeClass('current_playing');

問題

tablesorterを使用して2番目のページに移動し、2番目のページの他のtrをクリックしても、前のページで選択した前のtrクラスは削除されません。

上記のコードがページでTRを見つけられないため、これが原因であると私は考えています。

以前のクラスを削除する方法を教えてください。説明に最善を尽くしたと思いますが、それでもhttp://webcartz.stagetesting.com/playlistで確認できます。

ありがとう

4

1 に答える 1

1

グーグルしてテーブルソーターのドキュメントを適切に調べた後、私は解決策を見つけることに成功しました。tablesorterには$（ "。tablesorter"）[0] .config.rowsCopyがあり、すべてのテーブル行を提供します。これを使用すると、カスタムコードを簡単に使用できます。

  $($(".tablesorter")[0].config.rowsCopy).each(function() {
     // for removing tr class 
     $(this).removeClass('current_playing');
     // for changing class another div 
     $(this).find('div.black_speaker').removeClass('black_speaker');
  });

これが同じ問題を抱えている誰かに役立つことを願っています。

于 2012-08-11T10:49:47.657 に答える