fancybox v2缩略图库无法在IE中工作< = 8(href为null或不是对象)

时间:2012-06-06 20:13:15

标签: jquery fancybox fancybox-2

除了IE< = 8之外,我的图库在所有浏览器中均可正常使用。下面是我的锚标记点击事件以及我在IE8中查看时收到的错误消息。

有什么想法吗?

锚标记:

<a href="#" id="showPics">View<br />12-Picture<br />Portfolio</a>

JS点击事件:

$('#showPics').click(function () {
        $.fancybox([
                {
                    'href': '/Images/Top20/01.jpg',
                    'title': '1 of 12'
                },
                {
                    'href': '/Images/Top20/02.jpg',
                    'title': '2 of 12'
                },
                {
                    'href': '/Images/Top20/03.jpg',
                    'title': '3 of 12'
                },
                {
                    'href': '/Images/Top20/04.jpg',
                    'title': '4 of 12'
                },
                {
                    'href': '/Images/Top20/05.jpg',
                    'title': '5 of 12'
                },
                {
                    'href': '/Images/Top20/06.jpg',
                    'title': '6 of 12'
                },
                {
                    'href': '/Images/Top20/07.jpg',
                    'title': '7 of 12'
                },
                {
                    'href': '/Images/Top20/08.jpg',
                    'title': '8 of 12'
                },
                {
                    'href': '/Images/Top20/09.jpg',
                    'title': '9 of 12'
                },
                {
                    'href': '/Images/Top20/10.jpg',
                    'title': '10 of 12'
                },
                {
                    'href': '/Images/Top20/11.jpg',
                    'title': '11 of 12'
                },
                {
                    'href': '/Images/Top20/12.jpg',
                    'title': '12 of 12'
                },
        ], {

            prevEffect: 'none',
            nextEffect: 'none',
            padding: '3',
            mouseWheel: 'true',
            helpers: {
                title: {
                    type: 'outside'
                },
                overlay: {
                    opacity: 0.8,
                    css: {
                        'background-color': '#000'
                    }
                },
                thumbs: {
                    width: 85,
                    height: 85
                }
            }
        });

    });

来自IE8的错误消息:

error messsage

Fancybox.js代码

fancybox_thumbs_js_line41

1 个答案:

答案 0 :(得分:0)

尝试删除href字符串开头的“/”字符