Question

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

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

提前致谢！ -David

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。如果元素是只读的，则基本上在开始（或旋转）事件中取消该事件。然后，您不必担心仍然启用的向上/向下/向上翻页/向下翻页键。

Answer 4

我会用

$("#my_input").spinner({ disabled: false });