触发jquery btn 1,2,3,4 -

时间:2011-05-23 13:38:17

标签: jquery triggers

我正在尝试在jQuery中创建一个函数,在每次单击时触发不同的函数。 (在同一个按钮上) - 但最多4次不同点击。

首先点击:功能1 第二次点击:功能2 第三次点击:功能3 四点和最后点击:功能4

用于图像旋转。 (我试着开始做点什么) http://pastie.textmate.org/private/uacbnix2fjovtocks5lehq

2 个答案:

答案 0 :(得分:3)

似乎.toggle()就是你想要的:

  

将两个或多个处理程序绑定到匹配的元素,以便在备用点击时执行。

你会用的是

$('button').toggle(func1, func2, func3, func4);

或者提供替代实施:

var funcs = [func1, func2, func3, func4];

$('button').click(function() {
    var data = $(this).data();
    funcs[data.click_counter]();
    data.click_counter = (data.click_counter + 1) % funcs.length;
}).data('click_counter', 0);

答案 1 :(得分:1)

$(document).ready(function(){

var i = 1 ; 

$('#buttonid').click(function(){

   if(i == 1) {
     function1();
     i++;
   }
   else if(i == 2) {
    function2();
    i++;
   }
   else if(i == 3) {
    function3();
    i++;
   }
   else if(i == 4) {
    function4();
    i=1;
   }

});

});

如果我正确理解你的问题。这应该是答案。