Cette fois, je vais vous expliquer quoi faire si le glissement des données chargées dynamiquement échoue toujours. Que dois-je faire pour résoudre le problème du glissement des données chargées dynamiquement qui échoue toujours Quelles sont les précautions Ici. sont des cas pratiques.
Deux solutions
1. Initialiser le swiper après le chargement des données
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. Ajoutez deux lignes de code à l'initialisation du swiper
swiper1 = new Swiper('.swiper-container', { initialSlide :0, observer:true,//修改swiper自己或子元素时,自动初始化swiper observeParents:true//修改swiper的父元素时,自动初始化swiper });
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres. articles sur le site PHP chinois !
Lecture recommandée :
Comment changer le statut de la radio en utilisant JS
var foo = function () {} et function La différence entre foo()
Comment définir la table bootstrap sur le pourcentage de hauteur
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!