IE8中的Colorbox投掷摇摆不定

Question

在Firefox和Chrome中会出现此问题,但Safari很好.但是,在兼容模式下,IE8不会在顶部加载叠加层(它只是位于顶部,向下滚动内容 - 尽管我猜这是因为叠加层位于标记的顶部).

它也没有显示我试图显示的图像,但是将重叠加载图像缩小到屏幕左上角的任何内容.我正在使用标准的colorbox-min和随之而来的CSS.

检查IE8开发工具中的标记似乎暗示内容实际上没有加载到cboxLoadedContent div中.

$(document).ready(function() {
    $('a[rel="preview"]').colorbox(
        { 
            photo: true
            , maxWidth: '95%'
            , maxHeight: '95%'
            , photoScaling: true 
        }
    ); 
});

基本上页面是一个媒体图像列表,当你点击一个它给你预览,并允许你滚动页面上的那些,至少它在FF做了一点点截图,因为它缩小了叠加的东西http:/ /dumpt.com/img/viewer.php?file=7s2zwoxozzf7666h0fzc.png

有人有主意吗？

我希望我的解释不是很好,所以也许我可以拍一部电影或者其他东西.

Answer 1

您的代码是否包含在现成的函数中？我见过在 FF/Safari 中工作的代码在 IE 中失败的例子，因为 IE 加载 DOM 的速度似乎更慢。在这些情况下，几乎总是证明我未能将代码包装在准备好的函数中。

$(function() { // the important bit
    $('.colorbox').load('...').colorbox();
});