как поменять иконку кнопки Jquery

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? Я пытался сделать это таким образом. Кто может дать мне несколько советов по поводу моего кода, спасибо!

Answer 1

Когда я попробовал ваш пример кода, мне не хватало img-64x64.png, но в зависимости от того, когда вы загружаете код CSS, вы можете добавить ключевое слово! Important.Пример:

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