javascript - 如何使用 JavaScript 生成的 HTML 进行 jQuery 操作？

Question

我使用 LeafletJS 创建了一张 map 并添加了一个按钮，作为通过 jQuery 驱动的触发器。但是使用 .click() 事件监听器不起作用。所以我查看了页面的源代码并做了一些实验。

我发现几乎所有通过 JavaScript 生成的代码对于 jQuery 都是不可见的，我无法使用几乎任何 map 元素作为触发器或以任何方式影响它们方式(例如使用 .css())。

我想知道两件事:

• 为什么通过 JavaScript 生成的 HTML 对于 jQuery 来说不可见？它是库( LeafletJS )特定的
• 有没有一种方法可以使用 jQuery 访问通过 JavaScript 库生成的 HTML，而无需修改库本身？

Answer 1

您无法使用 jQuery 触及其中任何内容的原因是 LeafletJS 中的代码异步运行。当您运行 jQuery 代码时，相关元素尚未创建。

您必须在whenReady中运行您的jQuery代码。回调。

<小时/>

如果您只是想监听点击事件，您可以使用事件委托(delegate):

$(document).on('click', 'The CSS selector', function () {
    // Your code here...
});

这可行，但出于性能原因，您应该将事件监听器绑定(bind)到调用 LeafletJS 的元素。