IE의 Colorbox는 색상 상자를 연 다음 페이지의 링크 바로 다음에 있습니다.

Question

이미지 격자를 표시하는 갤러리 페이지가 있습니다. 이미지 중 하나를 클릭하면 컬러 박스를 팝업으로 표시하고 사용자가 이미지를 순환 할 수있게하고 싶습니다.

간단한 colorbox를 사용하면 IE를 제외한 모든 브라우저에서이 작업을 수행합니다. IE는 여전히 colorbox를 연 후에도 링크를 따릅니다.

원래 코드 : 나는 다음과 같은 사용하여 비슷한 효과를 가지고 관리해야

$('a.gallery_image').colorbox({ 
    transition: 'fade', 
    opacity: 0.7, 
    speed: 100, 
    fixed: true, 
    rel: 'gal_img', 
    scalePhotos: true, 
    maxWidth: ($(window).width()/100) * 85, 
    maxHeight: ($(window).height()/100) * 85 
}); 

는 :

$('a[rel="gallery_image"]').click(function(e){ 
    e.preventDefault(); 

    $('a[rel="gallery_image"]').colorbox({ 
     maxWidth: '90%', 
     initialWidth: '200px', 
     initialHeight: '200px', 
     speed: 700, 
     rel: 'gal_img', 
     overlayClose: false 
    }); 
$.colorbox({ 
    href: $(this).attr('href') 
}); 
//return false; 
}); 

그러나, IE는 여전히 같은 문제가 있습니다. 그런 다음 나는 false를 반환 주석을 제거합니다. IE는 더 이상 페이지를 떠나지 않지만 colorbox는 갤러리로 작동하지 않으므로 사용자가 이미지를 스크롤 할 수 없습니다.

나는 IE가 링크를 따라 가지 못하게하는 방법에 대해 아이디어가 없거나, 왜 그것이 첫 번째 장소에 있는지도 모른다.

Answer 1

이미지 URL에 itemprop = "image"문제가있는 것으로 나타났습니다. 그 이유가 그 문제를 일으켰지 만 그것을 제거한 이유는 그 문제를 해결하지 못했습니다. JS가 원래대로 돌아 왔다는 것을 의미합니다.

$('a.gallery_image').colorbox({ 
    transition: 'fade', 
    opacity: 0.7, 
    speed: 100, 
    fixed: true, 
    rel: 'gal_img', 
    scalePhotos: true, 
    maxWidth: ($(window).width()/100) * 85, 
    maxHeight: ($(window).height()/100) * 85 
});