jquery - jQueryUI 効果: 複数クリックの問題

Question

バウンスとハイライトを同時に行う必要があるボックスがあります。

私は効果のためにこのコードを使用し、完全に動作します:

$(".box").click(function () {
    $("#id1").effect("highlight", {color:"#669966"}, 2000).effect("bounce", { times:3 }, 300).dequeue().unbind(click);
});

ただし、アニメーションが終了する前にもう一度クリックすると、ボックスは元の色になりません。

テストする jFiddle は次のとおりです: http://jsfiddle.net/EyeD4/

アドバイスありがとうございます

Answer 1

に変更unbind(click)しunbind('click')ます。

という変数のバインドを解除しようとしましclickたが、効果がありませんでした。

http://jsfiddle.net/ExplosionPIlls/EyeD4/1/

.on('click')無関係ですが、と.off('click')の代わりに.clickとをそれぞれ使用することをお勧めし.unbind('click')ます。