最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

动态加载数据滑动总是失效怎么办

来源:动视网 责编:小采 时间:2020-11-27 19:59:13
文档

动态加载数据滑动总是失效怎么办

动态加载数据滑动总是失效怎么办:这次给大家带来动态加载数据滑动总是失效怎么办,解决动态加载数据滑动总是失效的注意事项有哪些,下面就是实战案例,一起来看一下。两种解决方法1、数据加载后进行swiper初始化success:function(result){ var resultdata =eval("(
推荐度:
导读动态加载数据滑动总是失效怎么办:这次给大家带来动态加载数据滑动总是失效怎么办,解决动态加载数据滑动总是失效的注意事项有哪些,下面就是实战案例,一起来看一下。两种解决方法1、数据加载后进行swiper初始化success:function(result){ var resultdata =eval("(


这次给大家带来动态加载数据滑动总是失效怎么办,解决动态加载数据滑动总是失效的注意事项有哪些,下面就是实战案例,一起来看一下。

两种解决方法

1、数据加载后进行swiper初始化

success:function(result){
var resultdata =eval("("+result+")");
if(resultdata.status == 1){
	var dataList = resultdata.data;
	currentPage = resultdata.currentPage;
	pageCount = resultdata.pageCount;
	var html = "";
	if(pageCount == 0){
	html ='<p class="noCollect">' + resultdata.msg + '</p>';
	}else{
	for(var i in dataList){
	var data = dataList[i];
	html += '<p class="swiper-container artistp">'
	+ '<p class="swiper-wrapper">'
	+ '<p class="swiper-slide workp">'
	+ '<p class="app_inlineBlock workPic">'
	+ '<img class="picImg" src="'+ data.artistAvatar +'" />'
	+ '</p>'+'<p class="app_inlineBlock workInfo">'
	+ '<p class="artistName">' + data.artistName + '</p>'
	+ '<p class="workName">' + data.artworkName + '</p>'
	+ '<p class="workValue">'+ data.typeName +'/'+ data.width + '*' + data.height +'/' +data.createYear + '</p>'
	+ '</p><p class="app_inlineBlockRight workPrice">'
	+ '<p class="price">¥'+ data.marketPrice +'</p></p></p>'
	+ '<p class="swiper-slide delBtn">删除</p></p></p>';
	}
	
	}
	$("#list").append(html);
	//swiper初始化 
	var swiper = new Swiper('.swiper-container', {
	pagination: '.swiper-pagination',
	slidesPerView: 'auto',
	paginationClickable: true,
	spaceBetween: 0
	});
}

2、swiper初始化加两行代码

swiper1 = new Swiper('.swiper-container', { 
 initialSlide :0, 
 observer:true,//修改swiper自己或子元素时,自动初始化swiper 
 observeParents:true//修改swiper的父元素时,自动初始化swiper 
});

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

JS怎样操作改变radio的状态

var foo = function () {} 和 function foo()的区别

bootstrap table怎样设置为高度百分比

文档

动态加载数据滑动总是失效怎么办

动态加载数据滑动总是失效怎么办:这次给大家带来动态加载数据滑动总是失效怎么办,解决动态加载数据滑动总是失效的注意事项有哪些,下面就是实战案例,一起来看一下。两种解决方法1、数据加载后进行swiper初始化success:function(result){ var resultdata =eval("(
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top