jQuery添加圖標到按鈕問題

一直試圖添加一個圖標到按鈕，但似乎無法讓它工作。jQuery添加圖標到按鈕問題

$(document).ready(function(){ 

    $("button, input:submit, input:reset, input:button", "#customer_wrapper").button(); 

    $("#save_customer").button({ 
     icons: {primary: 'ui-icon-disk'} 
    }); 

});

HTML

<button name="save_customer" id="save_customer" value="Save" />Save</button>

第一個按鈕顯示沒有圖標和所述第二圖標和文本是不是內聯。什麼是添加圖標的最佳方式？

感謝

修訂它

好部分是我沒有關閉按鈕標記錯誤。它在下一行加載帶有文本的圖標。從瀏覽器

HTML

<button id="save_customer" name="save_customer" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" role="button" aria-disabled="false"> 
    <span class="ui-button-icon-primary ui-icon ui-icon-disk"> </span> 
    <span class="ui-button-text">Save</span> 
</button>

CSS

.ui-icon-disk { 
    background-position: -96px -112px; 
} 
.ui-button .ui-button-text { 
    display: block; 
    line-height: 1.4; 
}

來源

2011-03-18 tomitank

你不應該有兩個具有相同ID的元素。另外，你的.ui-icon-disk CSS類是什麼樣的？ – 2011-03-18 03:31:20

@optus - 我已經使用瀏覽器的CSS和HTML輸出更新了我的帖子。 – tomitank 2011-03-18 03:59:29

你與圖標按鈕HTML代碼應該是這樣的：

<button name="save_customer" id="save_customer">Save</button>

http://jsfiddle.net/ynhat/fWkbv/

請確保你不要有2個元素相同的ID。

來源

2011-03-18 03:41:26 YNhat

沒有關閉按鈕標籤，這就是爲什麼圖像沒有加載。但是現在文本在圖標下。 – tomitank 2011-03-18 03:58:32

它適合我。看起來你的按鈕受其他CSS代碼的影響。 – YNhat 2011-03-18 04:09:14

我似乎無法找到衝突，任何想法我可以做什麼來覆蓋它？ – tomitank 2011-03-18 04:32:04

默認情況下，主題中的圖像必須在CSS文件下方的圖片目錄。確保它們存在於正確的目錄中。

來源

2011-03-18 03:34:29

圖像目錄正確放置。 – tomitank 2011-03-18 03:57:23

jQuery添加圖標到按鈕問題

回答

相關問題