2012-10-23 2 views
0

www.quickerbook.imobisoft.eu에서 jQuery 탭 컨트롤을 사용하고 있습니다. 오른쪽 상단의 '내 계정'에서 일정 기간 동안 탭이 표시되고 페이지가 완전히로드 될 때까지 숨길 수 있습니다. 문제를 해결하기 위해 너무 많은 게시물/포럼을 시도했지만 jQuery의 초급 단계 때문에이 문제를 해결할 수 없습니다.jQuery 탭이 페이지로드 후 숨기기

어떻게 탭을 숨길 수 있습니까? 사용자가 '내 계정'탭을 클릭하면 표시됩니다.

+0

무슨 문제 :

그래서, 당신의 <head>

<script>document.getElementsByTagName("html")[0].className = 'js'</script> 

에서 다음 탭을 숨기려면이 스타일을 추가? 링크를 클릭하면 탭이 일치하게 나타 납니까? – Johan

답변

1

자바 스크립트 전에 페이지가 표시가에서 자바 스크립트 실행을 가지고 있기 때문에 '스타일이 적용되지 않은 내용의 플래시'입니다 페이지.

루트 HTML 요소에 클래스 이름을 추가 한 다음, CSS를 사용하여 js를 기반으로 요소를 숨기는 modernizr 방식을 선호합니다.

.js #hidden1{display:none} 
+0

너 락맨! 완벽하게 작동합니다. 도와 줘서 고마워. 건배 :) –

+0

문제 없음 - 다행했습니다! – benjaminbenben

0

페이지의 소스 Line: 63 (크롬 브라우저). 당신은 .hide()를 사용하여 페이지를로드 한 후 탭,

$('#hidden1,#hidden2,#hidden3').hide().click(function(e) { 
     e.stopPropagation(); ^^^^ 
}); 

변경은을을 숨기고

$('#hidden1,#hidden2,#hidden3').click(function(e) { 
     e.stopPropagation(); 
    });