前端(轮播图框架写入动态数据)

最新推荐文章于 2024-07-23 23:07:05 发布

代码学不会

最新推荐文章于 2024-07-23 23:07:05 发布

阅读量656

点赞数 1

分类专栏：前端文章标签： js javascript jquery bootstrap 前端

本文链接：https://blog.csdn.net/qq_30509511/article/details/111880189

版权

本文介绍了在前端项目中遇到的一个问题，即通过Ajax获取服务器图片数据并使用append方法添加到Bootstrap轮播图时，图片并未按预期显示。分析原因在于Bootstrap轮播图框架对ul li元素添加了额外属性。解决方法是正确理解和使用框架的机制，确保添加的li元素带有必要的属性，以保证图片在轮播图中正常显示。

摘要由CSDN通过智能技术生成

项目场景：

从服务器获取图片以append形式添加到轮播图

问题描述：

这俩天在用Ajax获取服务器数据，需要添加到轮播图中，第一时间就想到了用里append去添加，现实是残酷的，代码看着写的没有问题，可是利用append添加的代码没问题，可运行出来的效果是图二


			<div style="width: 1200px;margin:10px auto;">
				<div class="fullwidthbanner-container">
					<div class="shadowdrop"></div>
					<div class="fullwidthabnner">
						<ul >
	                          //想循环这一段<li></li>	
							<li data-transition="papercut" data-slotamount=