Jquery UI 按钮问题答案

【问题标题】：Jquery UI button issueJquery UI 按钮问题
【发布时间】：2012-07-22 11:05:21
【问题描述】：

请看这里

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

问题是，更改链接文本后，.button() 无法正常工作。

这是之前的截图：

鼠标点击后：

正如您看到的所有填充，字体样式已经消失。有什么建议吗？如何解决这个问题？

【问题讨论】：

小提琴中没有样式。
@loler 已更新。抱歉旧链接

标签： javascript jquery jquery-ui button jquery-ui-button

【解决方案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

【讨论】：

这对我有用，非常感谢，但为什么 'option'、'label' 不只是 'label'？？
如果你去这里：jqueryui.com/demos/button 看看，这是因为标签是按钮的“选项”之一，你也可以在方法下查看。希望这会有所帮助
还有一件事，它与这个问题无关，但也许你知道。我正在使用 CSS 重置技术，但包括按钮在内的 jquery-ui 小部件显示非常大，我的意思是字体大小。如何缩小尺寸？

【解决方案2】：

这是因为span标签在设置element.text后被移除了看这个小提琴：

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

或者您可以只更改 span 元素的文本：

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

【讨论】：

【解决方案3】：

http://jsfiddle.net/Bue3B/

使用 children('span').text...

【讨论】：