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 ，所以請使用事件委托。

在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(); 
 });