在选择的tablesorter行

Question

我的用户 的tablesorter jQuery插件（我相信其他知道它）在我项目。我需要添加其中当用户点击一行时，它被选中的特征。我尝试下面的代码，但其不工作了。

$('#myTable tr').click(function(event) {
     $(this).addClass('selected');

 });

能否有人告诉我做的最好方法是什么？是否有任何插件已经为这个？

提前，结果，由于 阿卜杜勒Olakara

Answer 1

我认为的tablesorter重新创建整个表，这可能是为什么没有变化，因为它“破坏”连接到TR click事件。 你应该尝试使用现场活动，并看看是否能工程：文档实时直播在jQuery.com

Answer 2

要启用选择和取消选择经由jQuery的toggleClass切换：

$(document).ready( function() {
    /* jQuery v1.11.1 */
    $( "table.tablesorter tbody tr" ).click(function() {
      $( this ).toggleClass( "selected" );
    });
});

/* CSS for hover row & select/lock the row with color */
table.tablesorter tbody tr:hover td {
    background-color: #f4f5f6;
}
table.tablesorter tbody tr.selected td {
    background-color: #f4f5f6;
}

Answer 3

这看起来是正确的给我。你有tr.selected？定义的CSS类

也许当你点击，你打的TD元素，而不是TR。也许你需要使用父：

http://docs.jquery.com/Traversing/parent

像这样（未测试的）：

$('#myTable td').click(function(event) {
         $(this).parent("tr").addClass('selected');

 });

Answer 4

您有什么出现正确的。你执行它后文档准备好？

$(function() {
    $('#myTable tr').click(function() {
         $(this).addClass('selected');
    });
});

可替换地，可以使用 live 事件。

$('#myTable tr').live('click', function() {
     $(this).addClass('selected');
});

Answer 5

您点击事件似乎只是正常工作在我的桌子，我只是想知道你将如何通过再次点击取消选择？捆扎的变量是否是被选择似乎是一个简单的解决方案，但我会如何做呢？

原谅我回答另一个问题，你的问题，我的新奇到JS。