jquery - fancybox v2 サムネイル ギャラリーが IE <=8 で動作しない (href が null またはオブジェクトではない)

Question

私のギャラリーは、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 からのエラー メッセージ:

Fancybox.js コード

Answer 1

href文字列の先頭にある「/」文字を削除してみてください