同一元素的多次点击事件?

时间:2012-11-20 09:09:46

标签: javascript jquery

是否可以为同一元素提供多个点击事件?我试着简单地这样做:

$('#templates').click(function(e) {
            do something..
        });

$('#templates').click(function(e) {
            do something else also..
        });

然而只有第二次事件才会发生。我找不到任何体面的答案,解释如何在点击时单个元素执行此操作?

注意:第一次点击事件会调用服务器端并加载一个新的PHP模板(这可能会影响我在第二次调用时可以使用的内容,因为单独的两次点击都有效但是如果我尝试第二次单击同一元素,则服务器调用不起作用)

2 个答案:

答案 0 :(得分:4)

$('#templates').click(function(e) {
        functionOne();
        functionTwo();
});

function functionOne(){

}

function functionTwo(){

}

也许?

答案 1 :(得分:1)

请检查这个小提琴:

http://jsfiddle.net/DqSSd/

正如你所看到它应该运作良好。

所以请提供更多信息,如果你也提供JS小提琴,那就更好了。

因为到目前为止问题可能出在:

  • 在第一个事件返回结果
  • 之前触发第二个事件
  • 第一个事件从服务器返回错误
  • 某些事件包含语法错误

您可以查看调查NET调用服务器的内容(使用Firebug或Chrome Developer工具栏)。

同样出于测试目的,您可以输入控制台$('#templates').data("events"),这样您就可以查看特定元素的所有事件和处理程序。