2013-06-15 3 views
2

내 디자인에서는 페이지가 처음로드 될 때 모든 탭이 닫음 인 것이 중요합니다. 그러나 기본값은 첫 번째 탭을 표시하는 것입니다.UI 모든 탭이 숨겨져있는 탭이 "활성 상태 : 거짓"

이 두 포스트 같은 질문을 부딪히는 및

Initiate jQuery UI Tabs with no tabs active and all panels hidden

$("#tabs").tabs({collapsible: true, active: false }); 

Hide all tabs content jQuery UI tabs onload

설정함으로써이 문제를 해결 (jQuery를 UI 1.10 이후, 파라미터 active 대신 selected있다.) 그러나 , 어떻게 든이 설정은 과이 충돌합니다.은 내 탭 중 하나이며 매개 변수도 사용합니다. active

따라서 active: false을 사용할 수 없으며 탭 전용 옵션을 만들 수 없습니다.

모든 도움에 감사드립니다.

http://jsfiddle.net/WRn7q/1/

- active: false와 함께 사용할 수 있지만, 슬라이더 플러그인

+0

당신은 슬라이더를 포함하도록 바이올린을 업데이트 할 수 있습니까? 모든 관련 코드를 사용하는 것이 더 쉬울 것입니다. – apaul

+0

나는 시도했다. 그러나 플러그인이 jsfiddle에서로드되지 않는 것처럼 보였다. active가 아니고 false가 활성화되거나 비활성화되었다. http://jsfiddle.net/TEhVp/ –

+0

프로젝트 초안 http://people.rit.edu/~jxk7227/jukoegel.com/Index.html (모든 탭을 닫아야 함) –

답변

2

없이 나는 $(document).ready()$(window).load()을 변경 한 다음 탭으로 active: false을 추가하고 일했다.

Working Example

//Load Orbit 
$(document).ready(function (e) { 
    $('#featured').orbit({ 
     directionalNav: true, 
     animationSpeed: 800, 
     advanceSpeed: 4000, 
     pauseOnHover: true, 
     bullets: false 
    }); 
}); 

$(function() { 
    $("#tabs").tabs({ 
     hide: { 
      effect: "fade", 
      duration: 500 
     }, 
     show: { 
      effect: "fade", 
      duration: 500 
     }, 
     collapsible: true, 
     active: false 
    }); 
}); 
+0

감사합니다! 그것은 올바른 단서였습니다. 그러나, 저를 위해서 그것은 두 플러그인 모두에'$ (window) .load()'를 설정할 때만 작동했습니다. 이제 페이지가로드 될 때 추한 탭이 깜박입니다. 두 j 사이의'active' 매개 변수와 충돌이 있습니다. –

+0

예! 위치 결정 문제를 해결하여 -9999px로 깜박이고 올바른 위치로 다시 이동했습니다. –

관련 문제