javascript - jQuery UI：更改按钮文本会扭曲按钮大小

Question

我在表单中有一个按钮（使用 jQuery UI 进行样式设置），并且正在使用 JavaScript 动态更改文本。出于某种原因，更改文本会使按钮大小缩小到不寻常的大小。我能做些什么来解决这个问题？

这是问题的图片：

---

---

Answer 1

您可能以错误的方式更改按钮的文本。例如，如果您只是这样做，$('#button').text('Test')或者$('#button').html('Test')您将覆盖 jQuery 为样式目的而发出的 span 元素。

尝试这个：

$('#button').find('span').text('Test');

编辑：

我刚刚找到了一种更清洁的方法来做到这一点：

$('#button').button('option', 'label', 'Test');