JQuery 按钮 - 删除文本时保持高度

Question

我有一个按钮，我使用 jQuery's UI's button 设置样式。 .

<button class="widget-button">Submit</button>

基于某些事件，此按钮的文本可以被清除。

$('.widget-button').button('option', 'label', '');

发生这种情况时，按钮的高度会变小。即使没有显示文本，我也想保持按钮的高度。

关于如何实现这一点有什么想法吗？

Answer 1

这是未经测试的，但我认为应该可以工作(并且在没有看到您的 html 的情况下我无法提供更好的东西):

$('.widget-button').css('height', $(this).height()).button('option', 'label', '');

理论上，这应该在清除文本之前将当前 height 作为内联样式分配给 .widget-button。当然，您也可以使用以 data- 为前缀的自定义属性:

$('.widget-button').attr('data-buttonHeight',$(this).height()).button('option','label','');

但是，如前所述，这是未经测试的。如果您可以发布您的标记，以及您正在使用的 jQuery 代码来清除 button 的文本，我们可能会提供更好的答案。