javascript - angular 引入swiper插件的问题

问题描述

问 题

HTML

<div class="titletext">智能控温</div>
  <div class="swiper-container Slide1">
        <div class="swiper-wrapper">
            <div class="swiper-slide">Slide 1</div>
            <div class="swiper-slide">Slide 2</div>
            <div class="swiper-slide">Slide 3</div>
            
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

angular js里面的代码

$scope.shieldclose = function(){

        $$("#test").hide();
        $$("#log_window").hide();
        var swiperUP = new Swiper('.Slide1', {
           pagination : '.swiper-pagination',
           paginationClickable: true,
           longSwipesRatio: 0.3,
           touchRatio:1,
           observer:true,//修改swiper自己或子元素时，自动初始化swiper
           observeParents:true,//修改swiper的父元素时，自动初始化swiper

                                });
                                

            };

实际效果

控制台没有报错 不知道问题出在哪里

解决方案

shieldclose 是什么方法，你的swiper在这个方法调用的时候才会初始化，为什么不在一开始就初始化呢

这篇关于javascript - angular 引入swiper插件的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！