JavaScript无法与模式内部的元素一起使用

Question

我需要帮助。

使用bootstrap 3，我制作了一个模态形式的表格，让管理员/用户更改用户密码。

我尝试使用Bootstrap 4进行​​设置，但无法执行从模态内的锚点或按钮触发的javascript。

你能帮助我吗？？

无法正常工作的示例：

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

    alert('hello world');
});

Answer 1

模态可能是动态添加的html元素。因此，它还不是DOM的一部分。您必须通过html遍历正文，以获取在窗口加载后添加的新元素

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

    alert('hello world');
});