2013-11-02 3 views
2

원래는 회 전자 위젯을 비활성화하는 옵션을 사용하고 있었지만 양식을 제출할 때 위젯 값이 손실되기 때문에 사용하지 않으려 고합니다. 내가 찾고있는 것은 위젯을 readOnly로 설정하는 것이다.위젯을 비활성화하지 않고 jQuery UI 스피너 버튼을 비활성화하거나 숨기려면 어떻게합니까?

읽기 전용으로 설정하면 사용자가 필드에 입력 할 수 없도록 올바르게 설정되어 있지만 불행히도 여전히 위아래 버튼을 클릭 할 수 있습니다. 위젯의 텍스트 부분에 영향을 미치지 않고 스피너 버튼을 비활성화하거나 숨길 수있는 방법이 있는지 알고 싶습니다. 그래서 나중에 해당 버튼을 다시 활성화하거나 표시 할 수 있습니다.

미리 감사드립니다. 데이비드

답변

6

회 전자 컨트롤을 숨기려면이 실행 : 문서 구조에 맞게

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

변경 선택 값 :

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

그들이 실행이를 다시 만들려면 . jQuery를 사용하여

+1

덕분에,이 날 위해 일했습니다. 버튼을 회색으로 표시하고 비활성화하는 것이 좋았지 만 숨겨진 것도 잘 작동합니다. 이것이 내가 사용하고있는 해결책이다. 나는 입력에 대한 핸들을 가지고 있기 때문에 다음과 같이 사용했다 : 'jQuery (this) .siblings ('.ui-spinner-button') .css ('display', 'none'); –

+1

버튼을 숨기지 않고 비활성화하려면 'jQuery ('.ui-spinner .ui-spinner-button '). attr ('disabled ','disabled ');를 할 수 있어야합니다. – DrCord

0

다른 솔루션 :

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

또는

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

또는

순수 JS :

var sp = document.getElementById('spinner') 
sp.style.display = 'none'; 
sp.style.display = 'block'; 
관련 문제