jQuery UI：更改按钮文本会扭曲按钮大小调整

Question

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

以下是问题的图片：

---

---

Answer 1

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

试试这个：

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

修改：

我刚刚找到了一种更简洁的方法：

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