1

我是 jQuery 的新手，所以请耐心等待。我想添加一个单独的按钮类，但不能使悬停和默认值一起用于新的按钮类。ui-button-blue 是默认设置，使用蓝色渐变背景图像。ui-button-orange 是悬停并使用橙色渐变背景图像。

我可以强制新的默认蓝色按钮正确显示，方法是为我的主题的默认 ui-button 属性重置 ui-button-blue 的 css 属性——但悬停只应用边框属性（橙色）而不是新的橙色背景图像。

我可以通过将 ui 按钮重置为其主题默认值来使 ui 按钮橙色（悬停）工作。

如果将 ui 按钮设置为主题默认值，则此 css 使按钮橙色用于悬停：

.ui-state-hover, 
.ui-button-orange { 
    border: 1px solid #ff7f00; 
    height: 24px; 
    display: inline-block; 
    position: relative; 
    padding: 0px 0px 0px 0px; 
    margin-right: .1em; 
    text-decoration: none !important; 
    cursor: pointer; 
    text-align: center; 
    zoom: 1; 
    overflow: hidden; 
    *overflow: visible; 
    background-image: url(images/ but_01_orange.png); 
    background-repeat:repeat-x; 
    color:#fff; 
}

但我不能让他们一起工作。我已经尝试了一些自定义 .js 来超越 jQuery css 和 .js，但也无法让它工作。

$(document).ready(function() {
    $("button").button();
    $("button").hover(
        function () {
            $(this).removeClass();
           $(this).addClass('ui-button-orange ui-widget ui-state-default ui-corner-all  ui-button-text-only ui-button-blue');//hover
        },
        function () {
            $(this).removeClass();
            $(this).addClass('ui-button-blue ui-widget ui-state-default ui-corner-all ui-button-text-only-ui-button-blue');
        }
    );
});
4

0 回答 0