Question

I have a full AJAX page with elements that act like buttons
with events like

onclick="$('#workcont').load('pages/mypage.html #m3-to-12');"

The elements being referenced are <li> and <tr> (in a table).

How do I attach event handlers to add the class selected on click?

Answer 1

If your page is loaded via AJAX you should attach your events with live, so if you want to attach a click event you can do it this way:

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

Update

The live() method was deprecated in jQuery version 1.7, and removed in version 1.9 . Use the on() method instead.

$("li, tr").on("click",function(){
    $(this).addClass("selected");
});