2009-06-18 5 views
0

여기 내 문제를 업로드 한 수행합니다 http://gotchance.com/k2/jQuery의 slideToggle는 IE8에서 slideDown 및 slideUp이 동시에

"로그인"링크를 클릭하십시오. 그것은 FF와 사파리에서 잘 작동합니다. 그러나 IE8에서는 양식이 아래로 슬라이드 한 다음 자동으로 위로 슬라이드됩니다.

테스트 목적으로 4 개의 "테스트"링크를 추가했으며 #navigation div 내의 링크 만이 문제를 일으킨다는 것을 알았습니다.

또한 "button" "input"과 같은 다른 요소를 사용하여 전환하면 잘 작동합니다. "#navigation"안에있는 "a"태그 만 문제를 일으 킵니다.

아이디어가 있으십니까?

+0

** $ ("a") ** 대신 jQuery 선택기 ** $ ("a # loginLink") **에 더 특정한 로그인 버튼을 지정해 보았습니까? –

+0

그래, 나는이 $ ('# wrap #header #navigation ul li a # loginLink')와 그 사이의 모든 것을 시도했다. – Shrihari

답변

0

귀하의 html이 유효하지 않습니다. 반드시 먼저 w3c validator을 통해 실행하십시오. 잘못된 dom은 jquery 선택자로 지옥을 재생할 수 있습니다 (특히 ie에서).

또한 둥근 글꼴 플러그인이 문제를 일으킬 수있는 이상한 마크 업을 생성한다는 사실을 알고 있습니다.

페이지를 맨손으로 떼어 내려고 한 다음에는 한 번에 한 조각 씩 기능을 추가하여 토글이 작동하는 것을 확인 했습니까?

+0

감사합니다 :) 도움. 문제는 모서리 플러그인 때문이었습니다. 자, 1) 다른 둥근 모서리 플러그인을 제안 해 주시겠습니까? 2) 로그인 양식이 다시 슬라이드되면 "Kontactr에 오신 것을 환영합니다"라는 제목이 약간의 픽셀을 위로 이동시키고 초록색 선을 터치합니다. 그런 다음 자동으로 내려옵니다. 어떤 생각이 그 원인입니까? – Shrihari

+0

제 의견으로는 모든 둥근 모서리 플러그인에는 문제가 있고 너무 많은 추가 마크 업을 사용합니다. 나는 이미지를 사용하거나 CSS와 moz-border-radius를 사용한다. 물론 사용자는 없이도 고통받을 것이다! – redsquare

0

하나의 문제는 custom.js 파일에 쉼표가 추가되어 있다는 것입니다. 그 그래도 문제를 해결할 수 있는지 모르겠어요

confirm: { 
      required: true, 
      equalTo: "#rpassword" 
     } 
    }, 

:

confirm: { 
      required: true, 
      equalTo: "#rpassword" 
     }, 
    }, 

후 : 추가 쉼표하기 전에 라인 (25)

에 있습니다.

관련 문제