我正在使用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”
答案 0 :(得分:0)
我找到了解决方法。
var rpSwiper = new Swiper ('div#single-swiper', Object.assign({},swiperOptions, {width: 280}));