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

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);
        });