在IE上的Colorbox，打開一個colorbox，然後立即關閉頁面的鏈接

我有一個列出圖像網格的圖庫頁面。在點擊其中一個圖像時，我想讓colorbox彈出並允許用戶循環顯示圖像。在IE上的Colorbox，打開一個colorbox，然後立即關閉頁面的鏈接

使用簡單的colorbox在所有瀏覽器上都可以這樣做，IE除外。即使在打開彩盒之後，IE仍然遵循鏈接。

原始代碼：

$('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將不再離開頁面，但彩盒不會作爲一個畫廊，意味着用戶無法滾動瀏覽圖片。

我不知道如何阻止IE跟隨鏈接，或者爲什麼它甚至在第一位。

來源

2013-08-30 loony383

哪個IE版本？舊版本對錯過逗號真的很挑剔。（在maxHeight之後：（$（window）.height（）/ 100）* 85和overlayClose：false） – BakaKuna

IE7通過到10，和我有同樣的問題，即使當我讓它決定寬度等 – loony383

也只是試過逗號（誤解你第一次指出的內容），不幸的是它沒有幫助。 – loony383

問題原來是在圖像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 
});

來源

2013-09-02 07:54:13 loony383

在IE上的Colorbox，打開一個colorbox，然後立即關閉頁面的鏈接

回答

相關問題