jQuery hover（）不触发

Question

我有一个带有以下标记的ASP.NET用户控件：

<div>
<script id="myTemplate" type="text/x-jquery-tmpl">
<table id="t1"><tr>...<td class="myclass"><span>First Name:</span></td>...<\tr> <\table>
</script>

<table id="t2"><tr>...<td class="myclass"><span>First Name:</span></td>...<\tr> <\table>
<\div>

我想为所有带有class =“ myClass”的类触发hover（）。 我放置了以下代码：

$(document).ready(function() {
$(".myClass").hover(
  function() {
      alert('in...');
  },
  function() {
      alert('out...');
  });
}

问题是.hover（）对表“ t2”中的td元素触发，而对“ t1”不触发。 谁能帮忙吗？

Answer 1

.hover静态添加事件处理程序。

尝试做

$(".myClass").live("hover",
  function() {
      alert('in...');alert('out...');
  }
}

Answer 2

“ t1”在jQuery模板中。 我想当您的ready函数执行时，此模板尚未插入DOM中。 因此，它不存在并且没有事件附加。 您有两种可能性：在插入模板后触发函数，或者使用jQuery的“委托”功能将事件绑定到所有现有和将来的元素。

Answer 3

也许是因为t1的HTML在脚本标签中？ 还是jQuery模板是如何工作的？