如何在不禁用窗口小部件的情况下禁用或隐藏jQuery UI微调器按钮？

Question

我最初使用该选项来禁用微调器窗口小部件，但我不想使用它，因为它会在提交表单时导致窗口小部件的值丢失。我正在寻找的是将小部件设置为readOnly。

当我将其设置为只读时，它正确地使其无法输入字段，但不幸的是，他们仍然可以单击向上和向下按钮。我想知道是否有办法禁用或隐藏微调按钮而不影响小部件的文本部分，所以我以后可以重新启用或显示这些按钮。

提前致谢！ -大卫

Answer 1

要隐藏微调控件，请运行以下命令：

$('.ui-spinner a.ui-spinner-button').css('display','none');

要重新出现它们运行：

$('.ui-spinner a.ui-spinner-button').css('display','block');

更改选择器值以适合您的文档结构。

Answer 2

使用jQuery的另一个解决方案：

$('#spinner').parent().hide()

要么

$('#spinner').parent().show()

或纯粹的js：

var sp = document.getElementById('spinner')
sp.style.display = 'none';
sp.style.display = 'block';

Answer 3

这是旧的，但我有一个问题，最完整的答案是kbwood.au's response。如果元素是只读的，则基本上取消start（或spin）事件中的事件。然后，您不必担心仍然启用的上/下/页面向上/向下翻页键。