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

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

两种解决方法

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 ='

' + resultdata.msg + '

';

}else{

for(var i in dataList){

var data = dataList[i];

html += '

'

+ '

'

+ '

'

+ '

'

+ ''

+ '

'+'

'

+ '

' + data.artistName + '

'

+ '

' + data.artworkName + '

'

+ '

'+ data.typeName +'/'+ data.width + '*' + data.height +'/' +data.createYear + '

'

+ '

'

+ '

￥'+ data.marketPrice +'

'

+ '

删除

';

}

}

$("#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

});

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：