Question

我需要帮助。

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

我已尝试使用bootstrap 4进行相同操作，但我无法执行从模式内部的锚点或按钮触发的javascript。

你能帮帮我吗？

不工作的示例：

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

    alert('hello world');
});

Answer 1

模态可能是动态添加的html ekement。所以它还不是DOM的一部分。你必须通过html，body来浏览窗口加载后添加的新元素

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

    alert('hello world');
});

Answer 2

对不起，我看到了我的错误。

我已将模态放在脚本之前。这就是问题。现在解决了。

：（

Answer 3

我曾经试过这个并且效果很好。

这是当你打开bs模态，然后将事件应用于你的按钮。

$('#myModal').on('show.bs.modal', function () {
    $('.classFromElement').on('click', function (e) {
        e.preventDefault();
        alert('hello world');
    });
})

Javascript不使用模态内的元素

3 个答案: