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');