Javascript 不适用于模态内的元素

Question

我需要帮助。

在 bootstrap 3 中，我制作了一个小窗体，让管理员/用户更改用户密码。

我尝试用 bootstrap 4 做同样的事情，但我无法执行从模态内的 anchor 或按钮触发的 javascript。

你能帮帮我吗？？

不工作的例子:

$('.classFromElement').on('click', function (e) {
    e.preventDefault();

    alert('hello world');
});

Answer 1

模态可能是一个动态添加 html 元素。所以它还不是 DOM 的一部分。对于窗口加载后添加的新元素，您必须通过“文档”或“html、正文”来处理(委托(delegate) 事件)。我更喜欢使用“文档”，因为我有时甚至还没有呈现 html 或 body 元素 + 它具有更好的性能。

最佳选择和最佳性能

$(document).on('click','.classFromElement', function(e) {
    e.preventDefault();

    alert('hello world');
});

或者...使用'body, html'(为什么两者都用？为了浏览器支持，它们相互支持)

$('body, html').on('click','.classFromElement', function(e) {
    e.preventDefault();

    alert('hello world');
});