Question

我想使用CSS Sprites图像（img-64x64.png）来替换Icon of Jquery按钮。我的代码在哪里错了？谢谢！

// CSS Sprites Images
<style type="text/css">
    .ui-icon {
        background-image: url(img/img-64x64.png);
        width: 64px;
        height: 64px;
    }
    //Image A
    .ui-icon-A {
        background-position: -448px 0px;
    }
    //Image B
    .ui-icon-B {
        background-position: -128px 0px;
    }      
</style>   

// JQuery code
<script>
    $(document).ready(function()
    {
        InitBtnIcon();
    });
// Init Button
function InitBtnIcon()
{
    //Create Button A
    $("#btnIconA").button({
        icons: {
                primary: 'ui-icon-A'      
               }
    });
//Create Button B
$("#btnIconB").button({
    icons: {
            primary: 'ui-icon-B'      
           }
    });
}
</script>
//Html code       
<div>
<button id="btnIconA">Button Icon</button>
<button id="btnIconB">Button Icon</button>
</div>

是否可以将图标更改为jQuery UI按钮上的按钮？我试过这样做。谁可以给我一些关于我的代码的建议，谢谢！

Answer 1

当我尝试您的示例代码时，我错过了img-64x64.png，但根据您加载CSS代码的时间，您可以添加！important关键字。例如：

.ui-icon {
    background-image: url(img/img-64x64.png) !important;
    width: 64px !important;
    height: 64px !important;
}

如何更改Jquery按钮的ICON

1 个答案: