jQuery tmpl 插件 - 动态内容的模板结果出现问题（bug？）

Question

我使用了 jQuery 模板 (http://api.jquery.com/jquery.tmpl/）基于远程内容在页面上呈现列表，这一切都运行良好，但是当我将类应用于内容并为类动态模板内容提供单击事件时，它不会遵循硬编码内容工作的操作美好的。

我稍微编辑了 tmpl 插件附带的基本演示，以添加静态列表作为概念证明： http ://jsfiddle.net/3eVrR/2/

单击静态“栏”链接会生成一个警报，正如我所期望的那样。单击任何按钮（卡通或戏剧）生成列表，然后单击它们的超链接（它与硬编码链接具有相同的类别）不会触发警报。

谁能看出问题是什么吗？ Firebug 没有显示任何错误，经检查静态和动态内容的类是相同的。

谢谢

Answer 1

正如 aleksv 指出的，传统的 .click() 处理程序仅适用于在处理程序初始化时可以选择的元素。在这种情况下，.live()（或.delegate()）处理程序将是更好的方法：

// This handler will apply to any .getPage element, even if it is created
//  after this handler declaration has been executed.
$('.getPage').live('click', function(){
    alert('clicked element with getPage class');
});

Answer 2

我玩弄了你的代码，现在它可以工作了： http://jsfiddle.net/3eVrR/5/ .当所有内容加载完毕后，您必须初始化事件。您在没有电影条目时初始化了事件。然后你添加了电影条目，而 JS 并不知道它们在那里。