javascript - jQuery onclick 事件调用函数

Question

我有以下代码:

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'));
});

<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>

在 Modal 中点击 .btn-ok 时，如何调用 javascript 函数 hvcm_wait()？

任何帮助将不胜感激。谢谢!

Answer 1

假设加载script时不存在.btn-ok，因此使用事件委托(delegate)。

在 hvcm_wait() 函数之后添加这些行

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

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

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