Question

我整天都在用这个工具来解决这个问题......

我有一个按钮列表（利用jQuery UI buttonset（）功能），我希望在我将鼠标悬停在按钮之后保留ui-active类，但由于某种原因，jQuery UI功能保持不变删除该类并从按钮中删除突出显示（这很糟糕，因为用户不知道他们在哪个按钮上）。

以下是目前的代码：

function showSection(sectionIndex){
    $('.listSection').hide();
    $('#listSection' + sectionIndex).show();

    $('.listSectionHeader.ui-state-active').each(function(){
        $(this).removeClass('ui-state-active');
    });

    $('#listSectionHeader' + sectionIndex).addClass('ui-state-active');
}

var buttons = $( "#listHeader a" );

        $.each(buttons, function(){
            $(this).bind('mouseleave.button', function(){
                if($(this).hasClass('ui-state-active'))
                    return;
            });
        });

Answer 1

像这样：http://jsfiddle.net/4yamQ/？需要在css中增加一个类，例如：

ui-state-active,
ui-mycustomclass
{
jquery ui styling...
}

jQuery ButtonSet（）悬停状态覆盖

1 个答案: