0

今、角度プロジェクトにswiperプラグインを実装しようとしていますが、ie8以下を除いて正常に動作します。エラー：

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のデモ ページで正常に動作します。その構築はデモと同じです..だから私はその角度を推測します...

誰か助けてくれたり、ヒントを教えてくれませんか?

4

1 に答える 1

0

私は今、静かに愚かだと感じる質問を解決しました。簡単な答え。私が呼び出した要素swipe-wrapperですが、私のcssファイルはswipeR-wrapper.

于 2013-10-31T11:19:46.573 に答える