javascript - DOM 动态时如何使用 JQuery.find()

Question

我有一个具有以下流程的级联菜单；

• 点击 menu-1 中的一个项目
• 创建和更新 menu-2 li 元素
• 点击 menu-2 中的一个项目

• 创建和更新 menu-3 li 元素

  等..

```

$firstMenu = $('.prime-menu');
$secondtMenu = $('.second-menu');
$thirdMenu = $('.third-menu');

```

因为我正在遍历不同的元素。在每个菜单中，使用 find() 是一件幸事，问题是当除了第一个菜单之外没有创建任何菜单时脚本加载所以 $seconttMenu.find('.item- year').click(function (clickEvent) {}) 为 0 长度。

我在 JQuery 中有哪些选项可以使我的 find() 函数在 DOM 中尚未加载的元素上工作？

我想创建一个事件监听器，但我认为还有比这更简洁的方法。

Answer 1

在处理动态 HTML 时，您应该使用委托(delegate)。例如，使用 document 或 body 等外部元素来“开始”您的发现。

$(document).find(".prime-menu");

编辑:查找和事件委托(delegate)解决方案是将查找与事件委托(delegate)结合使用。示例事件。

$(document).find(".prime-menu").on('mouseenter', '.track-table tbody tr', function(){ });