모든 jQuery 탭을 선택 해제하는 데 문제가 있습니다

Question

다음과 같이 선택한 탭없이 시작하기 위해 jQuery 탭을 설정했습니다.

$('#tabs').tabs( { selected: -1 } );  

그런 다음 누르면 모든 탭을 선택 해제 해야하는 별도의 링크가 있습니다.

$("#deselectButton").click(function(){      
    $('#tabs').tabs( 'select' , -1 )
});

또는

$("#deselectButton").click(function(){      
    $('#tabs').tabs( 'selected' , -1 )
});

DeselectButton 클릭은 탭 컨텐츠를 선택 해제하지만 탭 제목은 'UI-TABS에서 선택한 UI-State-Active'클래스에서 활성화되어 있습니다.

모든 탭을 선택 해제하는 올바른 방법은 무엇입니까?

Answer 1

이 코드를 시도하십시오 :

$("#deselectButton").click(function(){          
    $('#tabs').tabs( 'selected' , -1 )
    $(".ui-tabs-selected").removeClass("ui-state-active").removeClass("ui-tabs-selected");
});

Answer 2

jQuery 1.10은 접을 수있는 것을 요구합니다 옵션 True로 설정됩니다.

$('#tabs').tabs('option', 'collapsible', true);
$('#tabs').tabs( 'option', 'active', false );

Answer 3

JQuery UI 버전 1.9+를 사용하는 경우 CSS 코드가 다음으로 변경되었습니다.

$('#tabs').tabs('option', 'active', false);

또는:

$('.ui-tabs-active').removeClass('ui-tabs-active ui-state-active');

아래 의견에 따라. 감사