jQuery UI的按鈕問題

Question

請看一看這個

http://jsfiddle.net/WAre9/4/

的問題是，改變鏈接的文本後，.button()不能正常工作。

下面是scrshot前：

和鼠標點擊後：

正如你看到的所有內邊距，字體樣式也水漲船高。任何建議？如何解決這個問題？

Answer 1

這是How do I replace jQueryUI button text?

也許你可以使用jQuery UI的按鈕label選項現在呢？

$("#mybutton").button().toggle(function() { 
    $(this).button('option', 'label', 'Stop'); 
}, function() { 
    $(this).button('option', 'label', 'Start'); 
}); 

jsbin preview here

Answer 2

這是因爲span標籤設置element.text後取出看到這個小提琴：

http://jsfiddle.net/WAre9/8/

或者你可以改變span元素的文本：

http://jsfiddle.net/WAre9/10/名

Answer 3

http://jsfiddle.net/Bue3B/

使用兒童（ '跨度'）。文字...