用jQuery更改按钮的功能？

Question

这可能是一个愚蠢的问题,但我无法做到这一点.我可以使用普通的JavaScript更改按钮的功能,但不能使用jQuery.我的目标是一个非常简单的文本调整大小按钮.这个按钮需要两个不同的功能; 一个使文本更大并将click函数更改为另一个函数,另一个函数使文本更小并再次将click函数更改为第一个函数.由于相同的按钮将用于放大和缩小文本sixe,我需要这个工作.我正在研究一个学校项目,我们只需要使用jQuery/jQuery UI进行这项任务.

使用普通的JavaScript,它将是这样的:

var button = document.getElementById('click-button');
button.onclick = firstClick;

function firstClick (){ 
    button.onclick=secondClick;
}

function secondClick(){ 
    button.onclick=firstClick;
}

如何使用jQuery实现相同的功能？

Answer 1

类似下面的代码会起作用.

$("#click-button").on('click', firstClick)

function firstClick() {
    alert("First Clicked");
    $("#click-button").off('click').on('click', secondClick)
}

function secondClick() {
    alert("Second Clicked");
    $("#click-button").off('click').on('click', firstClick)
}

这里的工作示例:http://jsfiddle.net/K3Xk4/