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

如何在不禁用小部件的情况下禁用或隐藏jQuery UI微调器按钮?,jquery,jquery-ui,spinner,readonly,disabled-control,Jquery,Jquery Ui,Spinner,Readonly,Disabled Control,我最初使用该选项来禁用微调器小部件,但我不想使用它,因为它会导致提交表单时小部件的值丢失。我想要的是将小部件设置为只读 当我将其设置为只读时,它正确地使其成为用户无法在字段中键入内容,但不幸的是,他们仍然可以单击向上和向下按钮。我想知道是否有一种方法可以在不影响小部件文本部分的情况下禁用或隐藏微调器按钮,以便以后可以重新启用或显示这些按钮 提前谢谢! -David要隐藏微调器控件,请运行以下命令: $('.ui微调器a.ui-spinner-button').css('display','non

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

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

提前谢谢!
-David要隐藏微调器控件,请运行以下命令:

$('.ui微调器a.ui-spinner-button').css('display','none')

要使它们重新出现,请运行以下命令:

$('.ui微调器a.ui-spinner-button').css('display','block')


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

使用jQuery的其他解决方案:

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

或纯js:

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

这是一个古老的问题,但我有一个问题,最完整的答案是。如果元素是只读的,则基本上取消开始(或旋转)事件中的事件。这样,您就不必担心仍处于启用状态的向上/向下/向上/向下翻页键。

我会使用

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

谢谢,这对我很有用。我本想让按钮变灰并禁用,但隐藏也能很好地工作。这就是我正在使用的解决方案。因为我在一个有输入句柄的函数中,所以我使用了:
jQuery(this).sides('.ui微调器按钮').css('display','none')
您应该能够做到这一点
jQuery('.ui spinner.ui spinner button').attr('disabled','disabled')
禁用按钮而不是隐藏按钮。很好,但用户仍然可以使用键盘绕过此问题:向上/向下和向上/向下翻页按钮如何仅隐藏特定元素?我尝试了$('#element a.ui-spinner-button').css('display','none');而且它也不起作用,它不起作用$('.ui微调器元素.ui微调器按钮').css('display','none');
$("#my_input").spinner({ disabled: false });