如何更改JQuery按鈕的圖標

-1

我想用CSS Sprites圖片（img-64x64.png）來替換Icon的Jquery按鈕。哪裏有錯我的代碼如下？謝謝！如何更改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按鈕上的按鈕？我試過這樣做。誰可以給我一些關於我的代碼的建議，謝謝！

來源

2011-12-28 user1118973

從來沒有使用JQ UI，但是你的UI CSS是在你的自定義CSS後加載的？或者你確切的問題是什麼？沒有圖標？仍是標準圖標？ – sascha 2011-12-28 10:00:16

按鈕上沒有任何圖標顯示。我不知道如何爲CSS Sprites編碼。 – user1118973 2011-12-28 13:56:52

如果只使用帶有background-img的

當我嘗試了您的示例代碼時，我錯過了img-64x64.png，但取決於何時加載CSS代碼，您可以添加！important關鍵字。例如：

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

來源

2011-12-29 21:55:43

如何更改JQuery按鈕的圖標

回答

相關問題