jquery模板的jquery委托问题

Question

我一直在使用 jQuery 模板代码（github 上的 jquery.tmpl.js），它对我来说效果很好。但是，我正在尝试使用委托将事件附加到内容，但它不起作用。这是插入模板后的简化 HTML 结构：

<!-- static in the html file -->
<div id="container">
  <!-- this div is inserted multiple times by the jquery template code -->
  <div class="rule">
    <button>Save</button>
  </div>
</div>

在我的 Javascript 中我已经设置好了

$(".rule").live("click", function() {console.log("live click");});

$("#container").delegate("click", ".rule button", function() {
  console.log("delegate click");
});

当页面运行时，我可以点击模板插入的按钮，但我只能在 Firebug 的控制台日志中收到“实时点击”消息。委托事件永远不会触发。我已经为委托尝试了几个不同的目标/上下文，虽然我认为我上面的内容是正确的，但我无法让它工作。

有人有什么建议、指点或我可以尝试的事情吗？

谢谢！ 道格

Answer 1

delegate() 的正确语法是 delegate( selector, eventType, handler )

使用

$("#container").delegate(".rule button", "click", function() {console.log("delegate click");});

• http://api.jquery.com/delegate/