2012-03-21 80 views
0

我正在創建一個網站fr我的客戶,但我有一個腳本(fancybox與雲變焦)在IE中的問題。當我在IE瀏覽器以外的任何瀏覽器中查看我的網站時,一切正常,但當使用IE 8(最流行的版本)查看時,腳本無法正常工作。在IE8上的腳本不起作用

的鏈接,其中腳本的頁面: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')); 
       }); 
      }); 
     }); 

回答

0

你似乎在這裏失去了括號:

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