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

Question

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

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

提前致谢！-大卫

score 6 · Accepted Answer

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

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

要使它们重新出现，请运行以下命令：

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

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

score 0 · Accepted Answer

我会用

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

score 0 · Accepted Answer

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

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

或者

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

或纯js：

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

score 0 · Accepted Answer

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

4 回答 4