2010-04-22 9 views
1

임 어떤 이유로 개장이IE8 슬라이드 전환 문제

$("h3 a").click(function(){ 
    id = $(this).attr("href");  
    $(id).slideToggle("slow"); 
}); 

와 HTML을 사용하여 열

을 heres 코드 메신저 후 즉시 닫을 DIV에 대한 IE8에서 jQuery의 slideToggle 기능 몇 가지 문제가

<h3><a href="#promo-materials">Graphic and Pormotional Materials</a></h3> 
    <div id="promo-materials" class="center gallery"> 
     <a href="images/portfolio/bistro.png" rel="facebox"> 
      <img src="images/portfolio/thumbs/bistro.png" alt="" /> 
     </a> 
     <a href="images/portfolio/direct-savings.png" rel="facebox"> 
      <img src="images/portfolio/thumbs/direct-savings.png" alt="" /> 
     </a> 
    </div> 

다음은 IE7을 포함한 다른 모든 브라우저에서 작동하는 기능 페이지에 대한 링크입니다.

나는 그것을 게시하는 것을 잊었다 :

http://bestprintideas.com

나는 현재 내가 오늘 출근했다 이후이 Compatiblity 모드를 트리거합니다.

+0

이벤트 핸들러가 두 번 연결되는 것처럼 들리는데, 그 이유는 무엇일까요? –

답변

3

IE8에서 문제를 해결할 것으로 보인다 갤러리

display: inline-block; 

전에 H3 오른쪽에서이 스타일을 제거합니다.

+0

완벽하게 일했습니다 감사합니다 – jef2904

+0

고마워요 저에게 잘 작동 :) –

0

이 작업을 시도 할 수 : 나는 그것을 두 번 발사 대답은 것에 대해 닉의 의견을 베팅하고

$("h3 a").click(function(){ 
    id = $(this).attr("href"); 
    $('#' + id).slideToggle("slow"); 
}); 
+0

유일한 문제는 여러 개의 "h3 a"가 다른 DIVs를 가리키고 있다는 것입니다. – jef2904

+0

@ jef2904 : 내 대답을 확인하십시오. 트릭을해야한다고 생각합니다. 선택자에'# '을 추가하지 않았습니다. – Sarfraz

+0

그의'href'는 이미'# '코드를 가지고 있는데, 그가 게시 한 코드에 ... 그것이 IE8에 유일한 이유가 무엇인지 설명하지 못합니다. –

0

. 위의 코드를 복사하여 IE8에서 잘 작동합니다.