Question

我正在创建一个客户端网站，但我在IE中遇到了一个脚本（带有云缩放功能的fancybox）的问题。当我在IE浏览器中查看我的网站时，一切正常，但是当使用IE 8（最流行的版本）查看时，脚本无法正常工作。

脚本所在页面的链接：http://enzomodas.com.br/detalhe.php?id=149&tipo=15

我该怎么办？

这是脚本代码：

        $(function() {
            /*
            fancybox init on each cloud-zoom element
             */
            $("#content .cloud-zoom").fancybox({
                'transitionIn'  :   'elastic',
                'transitionOut' :   'none',
                'speedIn'       :   600,
                'speedOut'      :   200,
                'overlayShow'   :   true,
                'overlayColor'  :   '#000',
                'cyclic'        :   true,
                'easingIn'      :   'easeInOutExpo'
            });

            /*
            because the cloud zoom plugin draws a mousetrap
            div on top of the image, the fancybox click needs
            to be changed. What we do here is to trigger the click
            the fancybox expects, when we click the mousetrap div.
            We know the mousetrap div is inserted after
            the <a> we want to click:
             */
            $("#content .mousetrap").live('click',function(){
                $(this).prev().trigger('click');
            });

            /*
            the content element;
            each list item / group with several images
             */
            var $content    = $('#content'),
            $thumb_list = $content.find('.thumb > ul');
            /*
            we need to set the width of each ul (sum of the children width);
            we are also defining the click events on the right and left arrows
            of each item.
             */
            $thumb_list.each(function(){
                var $this_list  = $(this),
                total_w     = 0,
                loaded      = 0,
                //preload all the images first
                $images     = $this_list.find('img'),
                total_images= $images.length;
                $images.each(function(){
                    var $img    = $(this);
                    $('<img/>').load(function(){
                        ++loaded;
                        if (loaded == total_images){
                            $this_list.data('current',0).children().each(function(){
                                total_w += $(this).width();
                            });
                            $this_list.css('width', total_w + 'px');

                            //next / prev events

                            $this_list.parent()
                            .siblings('.next')
                            .bind('click',function(e){
                                var current = $this_list.data('current');
                                if(current == $this_list.children().length -1) return false;
                                var next    = ++current,
                                ml      = -next * $this_list.children(':first').width();

                                $this_list.data('current',next)
                                .stop()
                                .animate({
                                    'marginLeft'    : ml + 'px'
                                },400);
                                e.preventDefault();
                            })
                            .end()
                            .siblings('.prev')
                            .bind('click',function(e){
                                var current = $this_list.data('current');
                                if(current == 0) return false;
                                var prev    = --current,
                                ml      = -prev * $this_list.children(':first').width();

                                $this_list.data('current',prev)
                                .stop()
                                .animate({
                                    'marginLeft'    : ml + 'px'
                                },400);
                                e.preventDefault();
                            });
                        }
                    }).attr('src',$img.attr('src'));
                });
            });
        });

Answer 1

你似乎在这里缺少括号：

$thumb_list = $content.find('.thumb > ul');

IE8上的脚本无效

1 个答案: