为什么我的jQuery函数在jTemplates填充的项目失败？

Question

我发现this link使用jQuery，jTemplates和AJAX动态填充一些数据。我用它来列出数据库中的所有产品类别。

我想要的是使用上面链接中描述的相同方法填充显示所点击类别中所有产品的另一个列表。

我的想法是将每个类别名称列为单个锚点，将类别名称设置为'id'属性，并为每个类别指定相同的'class'属性。这样就可以触发.click() jQuery事件，该事件可以返回所点击类别的名称：

$('.foo').click(function () {
    var target = $(this).attr("id");
    alert(target);
});

问题是，如果我使用jTemplates列出类别名称，则不会触发事件。事件在jTemplates未生成的锚点上正确触发。

Answer 1

可能由于链接是动态生成的，因此事件处理程序不会分配给它们。在这种情况下，您需要使用：

$('.foo').live('click', function () {
            var target = $(this).attr("id");
            alert(target);
        });