第一次初始化后,刷卡器不工作

时间:2019-08-19 13:30:41

标签: html-framework-7 swiper

我正在使用framework7来构建IOS烹饪食谱应用程序。因此,在食谱页面中,可以滑动以查看更多食谱,并且如果您是首次进入页面,则可以正常工作,但是如果您单击其中一个食谱,则滑动器将无法在新页面中工作

这是生成页面的代码

    $$(document).on('page:init', '.page[data-name="single"]', function (e,page) {
    var url3=xxx;
    app.request.get(url3, function (data3) {
    $.each(JSON.parse(data3), function(i3, item3) {
    $("div#alsolike").append('<div class="swiper-slide"> <a href="#" data-href="/single/'+item3.nid+'/"><div class="card"> <img class="card-image" src="'+item3.field_image+'" alt=""><div class="card-infos"><h2 class="card-title">'+item3.title+'</h2></div></div></a> </div>')
    })
    var rpSwiper = new Swiper ('#single-swiper', Object.assign({},swiperOptions, {width: 280}));
    })
    });

没有错误,我尝试了rpSwiper.update(),但显示错误“ rpSwiper undefined”

1 个答案:

答案 0 :(得分:0)

我找到了解决方法。

var rpSwiper = new Swiper ('div#single-swiper', Object.assign({},swiperOptions, {width: 280}));