jquery中的一个按钮多次单击处理程序

时间:2011-07-29 15:12:52

标签: jquery click handler

我是jQuery的新手。我有这个按钮#sess_s,它应该执行三个点击处理程序。它通常工作正常,但有时它会错过一个或两个点击处理程序。我希望所有三个人在点击时一起工作。任何简单的方法?谢谢。

我的代码:

$('#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();
           });
});

3 个答案:

答案 0 :(得分: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();
        });


 });

答案 1 :(得分:2)

你可以把它们结合起来:

$('#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();
    });
});

答案 2 :(得分:2)

尝试附加一个事件处理程序,但将所有三个代码块放在一个函数中:

这样的事情:

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

当然,这是简化的。您可能希望使用try / catch包装每个块,以防一个失败...