如何将多个方法绑定到单个事件?

时间:2015-11-10 02:09:50

标签: javascript jquery css html5

我有一个开始按钮(列为css元素start_button),当点击将触发多个事件,例如,将分数增加一个点,将计时器递减1秒,调用图片并更改几个CSS元素。 / p>

我有一个.on事件监听器调用的函数,当被一个名为start的函数调用时,它将触发(或者我希望如此)。我还没有想出如何将偶数与函数联系起来。谢谢你的贡献。

功能开始()             $('#start_button')。on('click',function(){             incrementor(); //调用独立函数             $('#start_button')。on('click',function(){             addMole();             $('#start_button')。on('click',function(){             计时器();             $('#start_button')。on('click',function(){             增量器();             alert(xPosistion());             警报(yPosistion());         });         });         });         });     

谢谢

2 个答案:

答案 0 :(得分:0)

将所有这些嵌入到第一个挂钩中。

jQuery('#start_button').on('click', function() {
    functionNameOne();
    functionNameTwo();
    functionNameThree();
    //etc...
});

答案 1 :(得分:0)

jQuery API deos不支持在单个调用中为单个事件注册多个处理程序。

你可以做这样的事情让它看起来更漂亮:

function foo(event) {...};
function bar(event) {...};

obj.on('click', foo);
obj.on('click', bar);