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

Question

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

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

按钮点击lauches模式但无法调用：

$('#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
})