jQuery onclick Event call a function

Question

I have the following code:

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>

How do I call the javascript function hvcm_wait() when .btn-ok is clicked is clicked in Modal?

Any help would be highly apperciated. Thanks!

<a class="btn btn-danger btn-ok" onclick="hvcm_wait()">Shutdown Now</a> change your anchor tag with this. — Priyank
– Priyank, Commented Feb 20, 2018 at 7:54

Kiran Shinde · Accepted Answer · 2018-02-20 07:52:33Z

1

Assuming that .btn-ok is not present when script is loaded, so use event-delegation.

Add these lines after hvcm_wait() function

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

Or if it is present in DOM then you can directly do this

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

answered Feb 20, 2018 at 7:52

Kiran Shinde

6,0326 gold badges30 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Yohanelly · Accepted Answer · 2018-02-20 07:54:45Z

1

Or you can add it straight to your HTML like this:

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

answered Feb 20, 2018 at 7:54

Yohanelly

691 silver badge10 bronze badges

Comments

Thakgrandka · Accepted Answer · 2018-02-20 07:53:04Z

0

I would use this, first in the $() you search for the class btn-ok, then you hand it a onClick handler that executes the function.

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

answered Feb 20, 2018 at 7:53

Thakgrandka

5523 silver badges24 bronze badges

1 Comment

Roxy Over a year ago

It worked, thanks. I used: $( ".btn-ok" ).click(function() { $('#hv_ConfirmShutDown').modal('hide'); waitingDialog.show('Please wait...'); });

Confuser · Accepted Answer · 2018-02-20 07:57:02Z

0

You are adding href attribute here. First you need to prevent the href and call the normal function.

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

answered Feb 20, 2018 at 7:57

Confuser

713 silver badges11 bronze badges

Collectives™ on Stack Overflow

jQuery onclick Event call a function

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related