2014-09-11 9 views
0

나는 환상적인 작은 스크립트 인 magnificent popup으로 작업 해왔다. 요즘 한 가지 문제가 있습니다.div 호버상의 상단 위치가 멋진 팝업 초기화 후에 기억 됨

내가 문제를 분리 codepen에 예를했습니다 - top 값을 변경을 통해 figcaption 이동까지 기본적으로 http://codepen.io/patrickwc/pen/xiajJ

, 당신은 figure 요소 위로 마우스를 가져. 그 다음 나는 그 모든 figcaption 요소 위에 절대적으로 위치한 링크를 만들었습니다. 다시 클릭하거나 탭하면 magnific popup 창이 활성화됩니다. 이 부분은 정상적으로 작동하지만 일부 브라우저에서는 어떤 이유로 든 멋진 팝업 창을 닫을 때 (닫히거나 바깥 쪽을 클릭해도 차이가 없음) figcaption 요소가 "멈춤"합니다. 대부분의 브라우저에서와 마찬가지로 커서를 가져 오기 이벤트가 있던 곳으로 돌아가고 싶습니다. 그러나 IE11과 Chrome Canary (최신 안정 Chrome은 괜찮습니다)에서 어떤 이유로 인해 요소가 올려 졌음을 기억하고있는 것 같습니다. 그리고 figcaption 상자가 다시 맴돌지 않는 한 거기에 붙어 있습니다.

대부분의 브라우저에서 볼 수있는 일반적인 동작입니다.

IE11과 크롬 카나리아 다른 창에서 창을 닫은 후 (버전 39.0.2152.0 카나리아) : enter image description here

는 흥미롭게도이 browserstack에 발생하지 않습니다. 나는 Windows 8.1과 크롬 카나리 37, IE11을 가지고 있으며, 브라우저 스탁에는 문제가 없지만, 내 또는 다른 PC에는 문제가 없다.

변환을 사용하여 변환을 사용해야한다는 것을 알고 있지만 IE8 지원이 필요합니다. 저는 변형이 지금 어떤 변화를 일으키는 지 알게 될 것입니다. 어쩌면 호버 이벤트 대신 js를 사용하여 figcaption 요소를 이동해야할까요?

답변

0

그래서 저는 자바 스크립트 wizz 인 광적인 팝업 개발자와 제 친구의 도움을 받았습니다. 팝업이 닫 혔을 때 .open-popup-link 태그가 집중되었습니다. jquery의 blurevent에 대해 알아 냈고 다음 코드는 IE11 및 Chrome Canary (v38 및 39)에서만 발생한 문제를 해결했습니다.

jQuery('.open-popup-link').on('focus',function(){ 
    jQuery(this).blur(); 
})