Question

我有以下代码：

＆＃13;

function hvcm_wait() {
  waitingDialog.show('Please wait while your VM is rebooting...');
}

$('#hv_ConfirmShutDown').on('show.bs.modal', function(e) {
  $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="btn btn-danger btn-ok">Shutdown Now</a>

＆＃13;

在Modal中单击.btn-ok时如何调用javascript函数hvcm_wait（）？

任何帮助都会得到很高的评价。谢谢！

Answer 1

假设加载.btn-ok时script不存在，请使用事件委派。

在hvcm_wait()功能

之后添加这些行

$('#hv_ConfirmShutDown').on('click', '.btn-ok', function() {
    hvcm_wait();
})

或者，如果它存在于DOM中，那么您可以直接执行此操作

$('.btn-ok').click(function() {
    hvcm_wait();
})

Answer 2

或者您可以将其直接添加到您的HTML中：

<a class="btn btn-danger btn-ok" onclick="hvcm_wait()">Shutdown Now</a>

Answer 3

我会使用它，首先在$（）中搜索类btn-ok，然后你将它交给执行该函数的onClick处理程序。

$(".btn-ok").click(function(){
    hvcm_wait();
});

Answer 4

您在此处添加了href属性。首先，您需要阻止href并调用正常函数。

 $(".btn-ok").click(function(event){
     event.preventDefault();
     hvcm_wait(); 
 });

jQuery onclick事件调用函数

4 个答案: