jquery、乘法选择器和 OR 函数

Question

大家好，我有这个代码:

$('#riscButton, #eneButton, #giardButton').one("click", function(){
                $('.content').animate(
                    {"height":"+=620px"},
                    500,
                    'easeOutBounce');
                $('#eneButton').animate(
                    { "top":"+=310px"},
                    1500,
                    'easeInOutExpo');
                $('#eneButton').animate(
                    {"left":"-=310px"},
                    1500,
                    'easeOutBounce')
                $('#giardButton').animate(
                    {"top":"+=620px"},
                    2000,
                    'easeInOutExpo')
                });

正如您所看到的，如果有人单击按钮，则必须发生动画，单击哪个按钮并不重要，您有相同的动画。使用 one() 我对只需要单击一次的按钮说，问题是，我怎么能对脚本说，如果您按下一个按钮，则其他按钮之后也必须被禁用？现在，例如，如果我单击第一个按钮，动画就会发生，好的，如果我重新单击同一个按钮，则什么也不会发生，但如果我单击第二个或第三个按钮，动画会再次开始。我该如何修复它？

Answer 1

您必须取消事件与所有元素的绑定(bind)，而不仅仅是您单击的元素:

$('#a, #b, #c').click(function() {
    alert('clicked');

    $('#a, #b, #c').off('click');
});​

演示:http://jsfiddle.net/peFff/3/

<小时/>

更好的解决方案是使用类:

$('.clickable').click(function() {
    alert('clicked');

    $('.clickable').off('click');
});​

演示:http://jsfiddle.net/peFff/5/