jQuery UI 아코디언 비활성화 탭

jQuery UI accordion()의 특정 탭을 비활성화하여 사용자가 클릭하여 해당 탭의 내용을 열 수 없게하려면 어떻게합니까? 아래 예제에서 두 번째 탭을 사용하지 않도록 설정한다고 가정 해 보겠습니다.jQuery UI 아코디언 비활성화 탭

http://jsfiddle.net/3JAkv/8/

출처

2011-05-11 Pinkie

는 1.8.x.에서이 작업을 수행 할 번들 방법은 없습니다

버전 1.9 (베타 릴리스는 현재 작성 중입니다) beforeActivate 이벤트는 처리 할 수있는 것처럼 보이며 false을 반환하여 활성화가 발생하지 않도록합니다. 당신은 다음과 같은 1.9에서 같은 것을 할 수있는 장애인 섹션의 헤더에 .data('enabled', false)을 설정 한 가정 할 :

$('.ui-accordion').bind('accordionchangestart', function(event, ui) { 
    if(ui.newHeader and !ui.newHeader.data('enabled')) { 
    return false; 
    } 
    // fall through activation happens as normal 
});

출처

2011-05-11 02:24:29 lambacck

고마워요,하지만 내게는 약간 불분명합니다. disabled_header 란 무엇입니까? 위에 제공된 jsfiddle 링크에서이 작업을 수행 할 수 있습니까? – Pinkie

disabled_header는 일부 표시기에 대한 자리 표시 자일 뿐이므로 해당 헤더를 비활성화해야합니다. 상태를 나타내는 클래스 ('ui.newHeader.hasClass ('disabled')')이거나 Javascript 변수에 보관 된 상태 일 수 있습니다. 나는 그저 거짓이 false가 아니라 false를 의미한다는 것을 알았다고 확신하고 싶었습니다. – lambacck

비활성화 된 탭은 기본 제공 옵션이므로 jQueryUI 탭 위젯을 고려해야 할 수도 있습니다. tabs ('enable', tab_id_or_index)' – lambacck

어쩌면 내가 틀렸다을
하지만 난 클래스를 추가하는 경우 "UI 상태 비활성화" 원하는 헤더로 이동하면 더 이상 헤더/탭을 선택할 수 없습니다.
JQuery와-UI-1.10.3와 JQuery와-1.7.1

출처

2013-07-08 15:18:42 janos

나는 이것을 너무 사용한다 :-). 매력처럼 작동합니다. – thedom

내가 제어 탐색 아코디언의 예와 JSFriddle를 붙여 해요 : 내가 함께 일하고 있어요

. 즉, 사용자는 단계를 건너 뛰거나 아코디언을 자유롭게 탐색 할 수 없으며 jQuery에 의해 활성화되거나 배치 될 수있는 하드 코딩 된 버튼을 통해서만 아코디언을 자유롭게 탐색 할 수 있습니다. 희망이 도움이됩니다. https://jsfiddle.net/moriz/rvuwze6s/

는 기본적으로 JS는 다음과 같이 진행됩니다

$(function() { 
    $("#accordion").accordion({ 
     disabled: true 
    }); 
}); 

function operateAccordion(tabNumber) { 
    $("#accordion").accordion("option", "active", tabNumber); 
}

그리고 버튼은 다음과 같이 가야한다 :

<a href="javascript:operateAccordion(1)">Next step</a>

계정 아코디언 부분으로 받아 이후 0부터 번호가 매겨집니다. 따라서이 버튼을 사용하여 탐색으로 돌아가거나 앞으로 이동할 수 있습니다.

출처

2016-01-06 15:22:59 Moriz

jQuery UI 아코디언 비활성화 탭

답변

관련 문제