2010-06-24 6 views
0

데모 : http://www.christianbullock.com/so-demo/ (녹슬지 않습니다).자동 완성으로 인해 jQuery 호버가 페이드 아웃합니다 (데모 포함)

스크린 샷 : 로그인 패널을 표시 할 수있는 파란색 사각형을 통해 http://i46.tinypic.com/2rh7fgn.png

호버. 그것은 정확히 어떻게 작동합니까? 예외적으로, 이전에 입력 한 사용자 이름을 표시하기 위해 입력 양식 중 하나를 두 번 클릭하면 제안 된 사용자 이름 중 하나를 가리키면 패널이 사라집니다. jQuery는 다음과 같이 생각합니다. 내 마우스는 실제로 div를 남겨 두었습니다.

이전에 이런 일이 발생 했습니까? 누구든지 수정 사항을 알고 있습니까?

감사합니다.

+0

오류를 찾을 수 있도록 html 및 js 코드를 포함하십시오. –

답변

1

"자동 완성"플러그인은 완료 문자열을 보유하기 위해 <div>을 추가 할 예정이며, 해당 div를 <body> 콘텐츠의 끝에 추가한다고 확신합니다. 따라서, 당신이 그 마우스에 들어가면 <div> 당신은 정말로 당신 자신의 형태에서 벗어나 있습니다.

고객님의 처리기가 자동 완성 <div>을 귀하의 일부로 명시 적으로 처리하도록하거나, 아니면 고객님이 플러그인을 "옮길"수 있습니다 (<div>).

편집 — 문제는 당신이 할 수 있다면, 어쨌든 로그인 양식 비활성화 할 수있는합니다 (기본 브라우저 "자동 완성"드롭 다운에서 비롯된 경우는에 "자동 완성"속성을 추가하는 시도로 설정 "false"), 폼 컨테이너를 페이드하는 이벤트 핸들러에서 현재 마우스 위치를 확인할 수 있습니다. 마우스 위치가 여전히 양식의 경계 상자 내에 있으면 "마우스 출력"을 무시할 수 있습니다.

+0

답변 주셔서 감사합니다. 현재 방법은 자동 완성 "플러그인"을 사용하지 않지만 브라우저에서 생성합니다. 가능하면 bloating을 피하려고 노력하면서 다른 플러그인을 피하고 싶습니다. @thisMayhem : 위에서 편집 됨. – user346594

+0

오, 알았어. 그래도 여전히 같은 문제 일 수 있습니다. 나는 내 대답도 업데이트 할 것이다. – Pointy

+0

자동 완성을 사용 안함으로 설정하려고합니다. 감사합니다. – user346594

관련 문제