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/

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