javascript - Jquery UI 按钮问题

Question

请看看这个

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

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

这是之前的截图：

鼠标点击后：

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

Answer 1

这是来自如何替换 jQueryUI 按钮文本？

也许您现在可以使用labeljQuery UI 按钮选项？

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

jsbin 在这里预览

Answer 2

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

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

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

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

Answer 3

http://jsfiddle.net/Bue3B/

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