jq中append添加轮播图片,只能显示一张图片
来源:互联网 发布:centos 7 中文语言包 编辑:程序博客网 时间:2024/05/29 11:17
前天在写项目的时候,想用ajax动态简历dom,使用append添加轮播图片,可是最后只显示了一张图片,然后后台json明明有两条,代码如下
<script type="text/javascript">
//轮播图片的加载函数
$(document).ready(function(){
var lun=[];
$.post("../carousel/list.do",function(data){
$.each(data, function(index,value){
if(index=='rows'){
$.each(data[index], function(ind,value){
lun[ind]=data[index][ind].ocPicture;
//alert(data[index][ind].ocId);
});
}
});
for(var i=0;i<lun.length;i++){
view(lun[i]);
}
var swiper = new Swiper('.swiper-container', {
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
pagination: '.swiper-pagination',
slidesPerView: 1,
paginationClickable: true,
preloadImages: false,
lazyLoading: true,
autoplay: 5000,
autoplayDisableOnInteraction: false,
loop: true
});
},"json");
function view(lunbo){
$('.swiper-wrapper').append('<div class="swiper-slide">'+
'<img src='+"${pageContext.request.contextPath}/"+lunbo+' class='+"swiper-lazy"+'/>'+
'</div>');
}
});
//结束
</script>
红色的部分本来在一个css文件中,也是使用的read,这样就产生了一个问题,这个方法是ready,引入的js也是read那么先加载哪一个那 ,事实证明先加载的是引入的,因为引入的在这一个上面,解决办法,就如上面的代码
- jq中append添加轮播图片,只能显示一张图片
- 实现利用jq图片点击轮播
- 如何用jq实现图片轮播
- ViewPager 显示图片,轮播
- 在WPF中添加一张图片
- iOS中如何显示一张图片
- opencv显示一张图片
- opencv 显示一张图片
- opencv显示一张图片
- SDL显示一张图片
- OpenCv显示一张图片
- 1.显示一张图片
- SDL显示一张图片
- JQ插件第四十九:图片滑动轮播
- HTML+CSS+JQ实现图片轮播效果
- jq + css 实现简单的图片轮播效果
- word中图片只能显示一部分原因
- 向数据库中添加图片,显示图片
- HDU 5778/BC 85C abs
- git版本控制工具(二)----本地版本库的常用操作
- 链表动态分配内存
- c/c++与函数有关的优化
- Gradle插件开发-上传apk文件到Bugly
- jq中append添加轮播图片,只能显示一张图片
- BrainFuck-编译器用JAVA实现
- Broken Keyboard (a.k.a. Beiju Text)
- unity 协程
- 《JavaScript语言精粹》学习笔记——6.数组
- Linux面试总结知识点
- Java 随机
- 57. Insert Interval
- Git版本控制工具(三)----远程仓库GitHub的使用