javascript - jQuery On() 不适用于 $(document)

Question

我目前正在将 dropkick.js 插件集成到我的应用程序中，但遇到了一些障碍。当我更改主干视图时，事件无法正常工作，并且 dropkick.js 中关联的 .live() 事件完全无法正常工作。什么都不会着火。我决定将其升级为使用 .on() 函数并使其正常工作（即使由于某种原因它仍然删除了我的 url）。

这根本不起作用：

$(document).on("click", ".dk_toggle", function() {

这只有点作用：

$(".content").on("click", ".dk_toggle", function() {

你知道为什么document根本不起作用吗？

我的骨干$el是$(".content")。

Answer 1

代替文档，使用body. 它基本上给出了相同的行为。

$('body').on("click", ".dk_toggle", function() {
//....
});

Answer 2

第一个示例演示了事件委托。

第二个示例将事件处理程序直接绑定到元素。该事件仍然会冒泡（除非您在处理程序中阻止它），但由于处理程序绑定到目标，您将看不到此过程的效果。

测试运行