jQuery Geniuses - 初始化插件和事件委托

Question

朋友们，

而不是手动初始化每个实例：

$("#MyChildId1").find("ul.sf-menu").superfish({ delay: 100, speed: 'fast' });
$("#MyChildId2").find("ul.sf-menu").superfish({ delay: 100, speed: 'fast' });
$("#MyChildId3").find("ul.sf-menu").superfish({ delay: 100, speed: 'fast' });

我想使用 jQuery 插件（Superfish）的多个（和动态）实例，并使用事件委托对父级进行一次调用来初始化它们：

$("#MyParentId").find("ul.sf-menu").superfish({ delay: 100, speed: 'fast' });

但这不起作用，即使文档说它现在在以下位置使用事件委托： http://users.tpg.com.au/j_birch/plugins/superfish/

最后一个项目： “•使用 v1.5.1 版本的事件委托以获得更高的性能和灵活性。”

任何 jQuery Geniuses 都知道发生了什么？

Answer 1

您可以选择所有菜单，然后循环访问它们以启动它们。

$("#MyParentId").find("ul.sf-menu").each(function () {
    $(this).superfish({ delay: 100, speed: 'fast' });
});

.each() 的文档：http://api.jquery.com/each

你也可以使用：

• $.each(): http://api.jquery.com/jquery.each
• for 或 while 循环

例如：

var $menus = $("#MyParentId").find("ul.sf-menu");
for (var i = 0, l = $menus.length; i < l; i++) {
    $menus.eq(i).superfish({ delay: 100, speed: 'fast' });
}

for 循环的运行速度比 jQuery .each() 循环稍快，我相信这主要是因为.each() 循环为每次迭代创建了一个 IIFE（例如 for (...) { (function () {...})(); }）。