Question

I have a table with an ID of InstrumentListGrid. When a row is selected, it sets the class to ui-iggrid-activerow. I want to add a jQuery event on that row for when someone clicks it.

So far I have

$("#InstrumentListGrid tr.ui-iggrid-activerow").click(function (event) {
    alert("YAY!");
});

but that isn’t firing. How do I bind to an element by class?

Answer 1

since the class is presumably added dynamically you should use .delegate()

$('#InstrumentListGrid').delegate('.ui-iggrid-activerow', 'click', function (e) {
    // do stuff.
});