这似乎有点难以解释,但我会尽我最大的努力。
我使用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
看到它由于
答案 0 :(得分: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');
});
希望这可以帮助那些遇到同样问题的人。