IE8のスクリプトが動作していません

Question

私のクライアントは私のクライアントですが、IEでスクリプト（クラウドズーム付きのファンシーボックス）に問題があります。 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');