• ajax请求图片添加到swiper


    使用swiper制作轮播图的时候,轮播的图片大概率是使用ajax从后台获取到的。每一次获取图片都要重新初始化swiper.


    $.ajax({
    type: "get",
    url: "update/",
    dataType: "json",
    success: function(data) {
    data = JSON.parse(data);
    console.log(data);
    for(var i = 0; i < data.length; i++) {
    $('.banner .swiper-wrapper').append($('<div class="swiper-slide"><img src=' + data.path + '/></div>'))
    };
    var swiper = new Swiper('.swiper-container', {
    loop: true,
    centeredSlides: true,
    autoplay: {
    delay: 2500,
    },
    pagination: {
    el: '.swiper-pagination',
    clickable: true,
    },

    });
    },
    error: function() {

    }
    });

  • 相关阅读:
    winform 计算器
    ajax无刷新上传图片
    Dapper的基本使用
    补充1
    Ajax2
    Ajax1
    jQuery2
    Select查询语句2
    jQuery1
    分页与组合查询
  • 原文地址:https://www.cnblogs.com/yinhuiyang/p/8888239.html
Copyright © 2020-2023  润新知