jQuery 오버레이가 IE6, Opera에서 작동하지 않습니다.

Question

나는 이것을 파악하려고 몇 시간 동안 내 머리를 긁어 왔습니다. 나는이 페이지를 가지고있다 : http://173.203.72.190/default.aspx. '모든 요리'를 클릭하면 일종의 오버레이가 열리기로되어 있습니다.

그것은 IE6와 오페라를 제외한 거의 모든 브라우저에서 잘 작동합니다. IE6와 Opera에서 jQuery 'overlay'는 열리지 않습니다.

아무도 아이디어가있을 수 있습니다.

편집 : 오버레이를 트리거 코드는 다음과 같습니다 :

$("a#zoneListLink").click(function() { 

    var listTop = $(this).css("top"); 
    var listLeft = $(this).css("left"); 

    var api = $("a#zoneListLink").overlay({api: true, close:'div.close', top: listTop, left:listLeft, onLoad:function() { $(document).click(function() { api.close(); }); }, 
    onClose:function() { $(document).unbind("click"); } }).load(); 

}); 

Answer 1

는 jQuery를 오버레이 효과 내부의 버그 나 호환성이있다. 그것은 .. 오페라의 행동이 더 의미가 있기 때문에 찾기 어려운, 그러나 스크립트의 버그가 기대를 나누기

첫째, 파이어 폭스 오페라에 예를 들어이 명령의 출력을 비교 :

javascript:alert(getComputedStyle(document.getElementById("cuisineListLink"),'').top); 

오페라가 당신에게주는 최고 요리 목록 링크의 위치 (픽셀 단위). Firefox는 "자동"이라고 말합니다. "()으로 parseInt (t, 10) /100*n.height"

if(typeof t=="string"){ 
    t=t=="center"?Math.max((n.height()-q)/2,0):parseInt(t,10)/100*n.height() 
} 

나는 그것을하지 왜 아무 생각이 :

지금, combined.js에서 (나 래핑)이 코드를 찾아 이 코드는 문자열 "center"(레이어의 수직 가운데 정렬을 수행) 또는 숫자를 기대합니다. Opera가 '310px'와 같은 문자열을 전달하면 스크립트는 정수를 추출하여 100 (즉, 3.1)으로 나누고 브라우저 창 (?!)의 높이와 곱합니다. 그물 효과는 오버레이가 스크린 바깥 쪽 3 개의 스크린 높이 아래로 조심스럽게 배치된다는 것입니다. 파이어 폭스에서

, 우리는이 라인에 도착하고 t 변수는 문자열 '자동'입니다. 이 스크립트는 'Not a Number', NaN을 반환하고 100으로 나눠서 창 높이를 곱하는 parseInt()를 시도합니다. 물론 NaN이 반환됩니다. 그런 다음 오버레이를 NaNpx에 배치합니다. 그러면 브라우저는 단순히 가짜 값으로 무시합니다. Firefox의 오류 콘솔에서 그 취지에 대한 경고를 찾을 수 있습니다. 이 코드를 훨씬 이해가되지 않기 때문에

나는 다른 오버레이 플러그인 (혹은 새로운 반복?)를 사용하는 것이 좋습니다 것입니다.