如何在不禁用小部件的情況下禁用或隱藏jQuery UI微調按鈕？

Question

我最初使用的是禁用微調控件的選項，但我不想使用它，因爲當提交表單時，它會導致微件的值丟失。我正在尋找的是將widget設置爲只讀。

當我將它設置爲只讀時，它正確設置爲使用戶無法輸入字段，但不幸的是，它們仍然可以單擊向上和向下按鈕。我想知道是否有方法禁用或隱藏微調按鈕，而不會影響窗口小部件的文本部分，因此我可以稍後重新啓用或顯示這些按鈕。

在此先感謝！ -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';