IE8：使用swiper作爲角度指令（屬性）拋出錯誤

現在我嘗試在我的角度項目中實現swiper插件，除ie8和更低版本以外的工作正常。錯誤：IE8：使用swiper作爲角度指令（屬性）拋出錯誤

SCRIPT5007: Unable to get property 'replace' of undefined or null reference 
idangerous.swiper-2.2.js, line 2190 character 10

在插件中的線它取代了transform與matrix。但它似乎找不到任何交換元素。

我的指令

// Slider/Swiper Plugin 
app.directive('swipe', function(){ 
    return { 
     restrict: 'A', 
     link: function (scope, element, attrs) { 
      var slider = $(element).swiper(scope.$eval(attrs.swipe)); 
      $('.swipe__prev').on('click', function() { 
       slider.swipePrev(); 
      }); 
      $('.swipe__next').on('click', function() { 
       slider.swipeNext(); 
      }); 
      $(element).find('.swipe__pagi__element').on('click', function() { 
       slider.swipeTo($('.swipe__pagi__element').index()); 
      }); 
     } 
    }; 
});

我的HTML：

<div class="swiper-container swipe__container grid__item" swipe="{ 
     mode: 'horizontal', 
     loop: false, 
     autoplay: 5000, 
     wrapperClass: 'swipe__wrapper', 
     slideClass: 'swipe__slide', 
     slidesPerView: '3', 
     createPagination: false 
    }"> 
     <div class="swipe-wrapper swipe__wrapper"> 
      <div class="swiper-slide swipe__slide"> 
       <img src="../images/slider_pic_01.jpg" alt="Gewinn 1"> 
      </div> 
      ....... 
      <div class="swiper-slide swipe__slide"> 
       <img src="../images/slider_pic_15.jpg" alt="Gewinn 15"> 
      </div> 
     </div> 
    </div> 
    <span class="swipe__prev"><i class="icon-caret-left"></i></span> 
    <span class="swipe__next"><i class="icon-caret-right"></i></span> 
    <div class="swipe__pagi"></div>

插件工作正常在IE8的Demo Page。它的建立和演示一樣..所以我猜它的角度...

任何人都可以幫助或給我一個提示嗎？

來源

2013-10-31 flrnz

我解決了這個問題，我現在覺得很安靜。簡單的答案。元素我叫swipe-wrapper，但我的css文件說swipeR-wrapper。

來源

2013-10-31 11:19:46 flrnz

IE8：使用swiper作爲角度指令（屬性）拋出錯誤

回答

相關問題