jQuery click() event isn't fired after sorting table

html-table, jquery, jquery-plugins

Solution

You should use event delegation, because the plugin changes the original `tr` elements, so they lose their attached event handlers. The handler should be attached on the table itself, because it is certainly not changing.

$("table.ex").on('click', 'tr', function(){
    console.log('clicked');
});

jsFiddle Demo

Problem

When you load the page, if you click on a line, it logs to the console `clicked`. But, if you sort the table (click on the table header), click event on `tr` doesn't get fired if you try to click on the rows. I'm using this plugin: tablefixedheader jQuery ``` $(document).ready(function(){ $("table.ex").fixheadertable({ caption : 'Tarefas Disponíveis', showhide : false, height : '265', zebra : true, zebraClass : 'ui-state-default', sortable : true, sortedColId : 0, dateFormat : 'Y/m/d', pager : true, rowsPerPage : 25, colratio : [110,150], minColWidth : 110, resizeCol : true }); // problem with this click // The event isn't triggered: $("table.ex tr").click(function(){ console.log('clicked'); }); }); ``` DEMO http://jsfiddle.net/QpU3c/

Original source