在jQuery中的另一个Click事件下实现Click事件

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?

Answer 1

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