2010-08-04 8 views
0

나는이에 너무 많은 시간을 낭비했고 을 구걸 구걸하고, 나는 도움의 유래 커뮤니티 말씀!있는 jqGrid IE7 호버 악몽

나는 새로운 jqGrid 사용자이고, 그리드를 원하는대로 작동 시키지만, 마우스를 위에 올려 놓으면 IE 7에서 강조 표시 할 행을 얻을 수 없다. 저희 가게는 현재 IE7을 운영 중이므로 브라우저/버전을 변경하는 것은 불가능합니다. Hover는 Firefox에서 훌륭하게 작동하며 IE7에서는 작동하지 않습니다.

나는 "jqgrid ie7 hover", "jquery ie7 hover"및 "ie7"과 "hover"의 반복과 "css"와 그 모든 것들에 대해 끈적으로 봤습니다.

DOCTYPE 선언의 변형이 너무 많아서 재미 있지 않습니다. 나는 내 손가락이 아플 때까지 http://www.trirand.com/blog/jqgrid/jqgrid.html 데모 페이지 리버스 엔지니어링을 시도했다. 예, 마우스를 올리면 데모 페이지에서 작동합니다. 아니 내 페이지에서 작동하지 않습니다. 수동으로 UI 속성을 CSS 클래스에 직접 전달하려고 시도했습니다! 중요한 플래그가 있으면 아무 것도 볼 수 없습니다. 아무것도.

IE7에서 jqGrid 행 위로 마우스를 가져 가면 다음과 같은 결과가 발생합니다. 표 셀의 아래쪽 및 오른쪽 테두리는 색상이 변경되지만 배경색은 변경되지 않습니다. 그래서 셀 테두리에 대해서는 호버 강조 표시가 작동하지만 셀이나 행에는 표시되지 않습니다.

진단 도구로 나는 테이블 위에 마우스를 가져 갔을 때 자바 스크립트 경고()를 강타했습니다. 테이블 수준에서 작동하지만 행이나 셀 위로 마우스를 올리면 실행하도록 설정하면 실행되지 않습니다. IE Developer Toolbar DOM 파서를 사용하여 올바르게 호출했는지 확인했습니다. 그래도 jqGrid가 그 기능을 대신 사용하는지 궁금합니다.

어쨌든, 여러분, 짧은 버전은 : IE7에서 작동하도록 행을 강조 표시 할 수없는 이유는 무엇입니까?

도와주세요 오비완 케노비, 당신은 나의 유일한 희망입니다!

+0

코드를 게시 할 수 있습니까? –

답변

1

나는 내 자신의 질문에 답할 것입니다. 문제가 별도의 .css 파일과 충돌했습니다. 내 페이지는 레이아웃 제어를 위해 960 Grid System을 사용합니다. 그리드 시스템의 일부로 사용되는 아이템 중 하나는 내 앱의 jqGrid hover 디스플레이와 충돌하는 "reset.css"입니다. 나는 reset.css에 대한 호출을 주석 처리했으며 문제는 사라졌습니다. Fwiw, 나는 그리드 시스템에 reset.css를 남겨두면 다른 불리한 영향을 보지 못했습니다.

관련 문제