javascript - 如何在单击模态按钮时调用另一个函数？

Question

我想在我的页面中使用 Bootstrap 模式。同时，当点击模态触发按钮时，我也想在 javascript 中做一些事情。它不起作用。

<button type="button" class="btn btn-primary center-block" id="start_quiz" data-toggle="modal" data-target="#myModal">
    Start Quiz
</button>

点击按钮启动模态但无法调用:

$('#start_quiz').click(function(){
            alert("hello from javascript");  
        });

我怎样才能同时获得这两个结果？请帮助我。

Answer 1

从按钮中删除 data-toggle="modal"data-target="#myModal" 属性，这样它就不会打开模式。

然后检查“来自 javascript 的问候”是否显示 - 它应该显示。

然后改为从 javascript 代码打开模式，将此行添加到您的警报下方:

$('#myModal').modal('show')

现在应该发出警报，然后显示模式。如果您希望首先显示模态，您始终可以将两者颠倒过来。

第二个选项，连接到显示的方法并在那里编写您的 javascript:

$('#myModal').on('shown.bs.modal', function () {
  // alert here
})