one button multiple click handler in jquery

Question

I'm new to jQuery. I have this button #sess_s which should execute three click handlers. It works fine usually, but sometimes it will miss one or two click handlers. I want all three to work together when clicked. Any easy way? Thanks.

My code:

$('#sess_s').click(function() {
    $.post('sdata.php',{id_value: id_form.id_data.value  },
           function(output) {
               $('#sess_feed').html(output).show();
           });
});

$('#sess_s').click(function() {
    $.post('ssdata.php',
           function(output) {
               $('#sess_feed1').html(output).show();
           });
});

$('#sess_s').click(function() {
    $.post('ses_count.php',
           function(output) {
               $('#ses_count').html(output).show();
           });
});

Are you allowed to use .post as a variable name? What happens if you change the name to something like postClass? — ayyp
– ayyp, Commented Jul 29, 2011 at 15:20
I think that's actually a built in ajax call using jquery, @sunny. — Joseph Marikle
– Joseph Marikle, Commented Jul 29, 2011 at 15:22
@Andrew Peacock $.post is a function of the jQuery framework. — Gabe
– Gabe, Commented Jul 29, 2011 at 15:34

Gabe · Accepted Answer · 2011-07-29 15:22:30Z

4

 $('#sess_s').click(function() {
        $.post('sdata.php',{id_value: id_form.id_data.value  },
           function(output) {
           $('#sess_feed').html(output).show();
        });

        $.post('ssdata.php',
           function(output) {
           $('#sess_feed1').html(output).show();
        });


        $.post('ses_count.php',
           function(output) {
           $('#ses_count').html(output).show();
        });


 });

answered Jul 29, 2011 at 15:22

Gabe

50.6k29 gold badges147 silver badges182 bronze badges

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

Comments

Joseph Marikle · Accepted Answer · 2011-07-29 15:21:28Z

2

you can combine them:

$('#sess_s').click(function() {
    $.post('ssdata.php', function(output) {
        $('#sess_feed1').html(output).show();
    });
    $.post('ses_count.php', function(output) {
        $('#ses_count').html(output).show();
    });
    $.post('sdata.php', {
        id_value: id_form.id_data.value
    }, function(output) {
        $('#sess_feed').html(output).show();
    });
});

answered Jul 29, 2011 at 15:21

Joseph Marikle

78.8k18 gold badges114 silver badges130 bronze badges

Comments

Igor Turman · Accepted Answer · 2011-07-29 15:21:47Z

2

Try to attach one event handler but put all three code blocks inside one function:

Something like this:

$('#sess_s').click(function() {
    $.post('sdata.php'...
    $.post('ssdata.php'...
    $.post('ses_count.php'...
});

This is simplified, of course. You might want to wrap up every block with try/catch in case one fails...

answered Jul 29, 2011 at 15:21

Igor Turman

2,2151 gold badge23 silver badges26 bronze badges

Collectives™ on Stack Overflow

one button multiple click handler in jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related