Implementing Click Event Under Another Click Event in jQuery

Question

This should be fairly easy but I can't get my head around it. I have googled but can't find answers. I want to be able to capture some data when button A is clicked and submit those data when button B is clicked, via AJAX.

I have been thinking of this:

$(document).on('click', 'button-a', function(){
    var captureData = $('available-data').text();

    $(document).on('click', 'button-b', function(){
        submitData(captureData);
    })
})

How can I achieve this?

May be the best way to check about it is to set var captureData = undefined and see that undefined is passed or not. — user2975123
– user2975123, Commented Dec 14, 2014 at 1:50

MH2K9 · Accepted Answer · 2014-12-13 17:47:55Z

2

Declare captureData globally. When you click on button-a the capture the value to captureData and when you click on button-b then submit it. You should not include button b click event inside button-a click event.

var captureData = 'default value';
$(document).on('click', 'button-a', function(){
    captureData = $('available-data').text();
});
$(document).on('click', 'button-b', function(){
    submitData(captureData);
});

answered Dec 13, 2014 at 17:47

MH2K9

12.1k7 gold badges34 silver badges49 bronze badges

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

Collectives™ on Stack Overflow

Implementing Click Event Under Another Click Event in jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related