jQuery tmpl插件 – 来自动态内容的模板结果问题(bug?)

我使用jQuery模板( http://api.jquery.com/jquery.tmpl/ )基于远程内容在页面上呈现列表,这一切都运行良好,但是当我将一个类应用于内容并拥有一个类动态模板内容的click事件不尊重硬编码内容正常工作的动作。

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

单击静态“条形”链接会生成我所期望的警报。 单击任何按钮(漫画或戏剧)以生成列表,然后单击它们的超链接(它与硬编码链接具有相同的类)不会触发警报。

任何人都可以看到问题是什么? Firebug没有显示任何错误,在检查时静态和动态内容的类是相同的。

谢谢

正如aleksv指出的那样,传统的.click .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'); }); 

我玩了你的代码,现在它的工作原理: http : //jsfiddle.net/3eVrR/5/ 。 您必须在加载所有内容时初始化事件。 您没有电影条目时初始化事件。 然后你添加了电影条目,JS不知道他们在那里。