<div>缩小点击（使用jQueryUI弹跳效果）</div>

Question

更新：自jQueryUI 1.9（http://bugs.jqueryui.com/ticket/7725）起修复此问题。

DEMO：http://jsfiddle.net/FeaMg/10/

我无法弄清楚为什么每次点击它时按钮会缩小。

我需要使用百分比表示宽度，当我将宽度设置为像素数量时，它可以正常工作。

我可以做些什么来阻止这种情况发生？

谢谢！

Answer 1

这有效：）

$(document).ready(function()
{
    //When button is clicked
    $('.menuButton').click(function()
    {
        $(this).css('width', $(this).width());
        //Make the button bounce
        $(this).effect('bounce', { times:3 }, 300);
    });
});

福克：http://jsfiddle.net/ynAHy/

---

$(document).ready(function()
{
    //When button is clicked
    $('.menuButton').click(function()
    {
        $(this).css('width', $(this).width());
        //Make the button bounce
        $(this).effect('bounce', { times:3 }, 300, function(){
            $(this).css('width', '50%');
        });
    });
});

使用此处提到的效果函数的回调：http://ui-dev.jquery.com/demos/effect/ 更新：http://jsfiddle.net/dRRhE/