Problems with .delegate() on table populated with .tmpl()

Problems with .delegate() on table populated with .tmpl()

Hi all,

I'm using jQuery 1.4.4 and I can't understand where I'm doing wrong, I'm simply populating all the rows of a table with template function, so far so good, but I cant delegate the "hover" (and click and all the events) event on a row or a cell.

I've tried to put the .delegate() code also in the footer of my page but nothing.

Do you know there are some problems?


My code actually is:

  2. <script id="listTemplate" type="text/x-jquery-tmpl">
  3.       <tr>
  4.             <td>${item}</td>
  5.       </tr>
  6. </script>
  2. <table id="list-table">
  3.       <tr>
  4.             <th>Item</th>
  5.       </tr>

  7.      <tbody id="list-grid"></tbody>
  8. </table>
  2. $("#list-table").delegate("#list-grid tr", "hover", function() {
  3.       console.log('Some text here');
  4. });