2010-07-20 4 views
1

jQuery slideToggle "깜박임"에 대한 많은 질문이 있지만 페이지로드시이 깜박임 문제를 특별히 보지 못했습니다.jQuery slideToggle 페이지 깜박임로드

클릭하면 here이됩니다.

페이지 새로 고침을 클릭하거나 다른 데이터 시트 페이지 (데이터 시트 & 제품 정보 섹션 아래)를 클릭하면 페이지가로드 될 때 숨겨진 div가 확장 된 내용을 "깜박"한 다음 빠르게 축소됩니다. 파이어 폭스에서는 IE 나 크롬이별로 없다. 이것을 막기 위해 무엇을 할 수 있습니까? 이 속도는 페이지가로드되는 속도에 달려 있습니까?

또한 악몽 같은 표를 사용하는 코드를 사용하십시오. 나는 이것을 이전 개발자로부터 물려 받았다. 우리는 뒤로 가서이 단계를 바로 잡을 계획이지만, 지금이 문제에 대한 빠른 수정이 있는지 궁금합니다.

감사합니다.

+0

처럼 모든 개별 것들 대신 $('[id=^mover]').hide();를 시도 할 것입니다. 참고로 필자는 중간 속도의 네트워크를 사용하고 있으며 Firefox 3.6 또는 Opera 10.6에서는 깜박 거리지 않습니다. 그것은 IE6에서하고있다 (그러나 누가 신경 쓰는지). – Zacho

답변

2

#mover2과 같은 요소의 경우 display:none 일 수 있습니까? 당신의 CSS에서 #ID, #의 ID1, #의 ID2를 사용 방지하기 위해

EDIT (또 다른 질문에 대한 응답) (또한 더 우아한 저하를 의미하지 물론,) , 당신은 단순히 그 div의에 별도의 클래스를 추가 할 수 있습니다 예 : hideThis

그러면 CSS에서 다음을 추가 할 수 있습니다. .hideThis {display : none; }

0

이것은 Firefox에서 자바 스크립트의 대기 시간과 관련이 있다고 생각합니다.

Ionut Staicu가 제안한대로 hide 메서드보다 더 빠른 .CSS에 숨겨서이 문제를 해결했습니다.

나는 또한이 방식 lonut 말한다 비슷한 처리하고는 일반적으로 작동 $('#mover1').hide();

+0

'.hide()'가 DOM이 준비가 된 후에 호출되기 때문에 플릭이 표시됩니다. 그래서 당신은 CSS를 통해 그것을 숨겨야한다 :) –

+0

너희들은 너무 도움이되는 괴물이야! 네 뇌를 한 번 더 골라 낼 수 있을까? 각 선택기를 개별적으로 입력하는 대신 # mover1, # mover2, # mover3 ... {display : none;}을 입력하는 편리한 방법이 있습니까? 한 페이지에는 20 가지가 있습니다. 정말 고마워요! –

+0

$ ('[id =^이동자]'). 숨기기(); 당신이 요구하는 선택 자다. 그것은 "mover"로 시작하는 모든 "id"속성을 말합니다. $ ("mover1, mover2, mover3")로 지정할 수도 있습니다. hide(); 별도의 것들 (이것은 jQuery 셀렉터) 대신 당신이 가지고있는 것 이외의 다른 CSS를 확신하지 못한다. –