Jquery 버튼의 아이콘을 변경하는 방법

Question

Jquery 버튼 아이콘을 대체하기 위해 CSS Sprites 이미지 (img-64x64.png)를 사용하고 싶습니다. 다음 코드는 어디에 잘못 되었습니까? 감사!

// 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; 
}