0

这似乎有点难以解释,但我会尽力而为。

我已经使用 jquery tablesorter 进行分页。工作正常。实际上,我有一个歌曲列表,默认情况下,第一首歌曲在页面加载时播放。

歌曲的 TR 通过自定义 jquery 函数激活,该函数将类 (classname = current_playing) 转换为显示这首歌正在播放。工作正常。

当我单击其他歌曲(其他 TR)时,上一首歌曲将处于非活动状态,并且 TR 的 Class(current_playing) 被删除,这很明显。

代码

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

问题

当我使用 tablesorter 转到第二页然后单击第二页的其他 tr 时,它不会删除我在上一页中选择的前一个 tr 类。

我有一些想法,这是因为上面的代码可能没有在页面中找到 TR。

请帮助我如何删除以前的课程。我希望我尽力解释,但你仍然可以在http://webcartz.stagetesting.com/playlist看到它

谢谢

4

1 回答 1

1

在谷歌搜索并正确研究 tablesorter 的文档后,我成功地找到了解决方案。在 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 回答