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

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

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