javascript - jQuery 用户界面 : changing button text distorts button sizing

Question

我在表单中有一个按钮(使用 jQuery UI 设计样式)，并且使用 JavaScript 动态更改文本。由于某种原因，更改文本会使按钮大小缩小到异常大小。我可以采取什么措施来解决这个问题？

这是问题的图片:

<小时/>

<小时/>

Answer 1

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

试试这个:

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

编辑:

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

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