Jquery 引导4-创建动态旋转木马
我正在尝试动态填充引导转盘。我以前看过一篇stackoverflow文章,看起来它可以工作,但似乎无法附加到旋转木马。旋转木马需要6个项目 我在下面的一个Ajax调用中进行填充。脚本将顺利完成,但旋转木马不会出现。下面显示的图标位置将以image1.jpg、image2.jpg等形式返回。非常感谢您的帮助 我尝试过只替换div的图像部分,并将旋转木马中的现有图像处理为新的链接和图像。它似乎不会刷新或动态显示Jquery 引导4-创建动态旋转木马,jquery,twitter-bootstrap,dynamic,carousel,Jquery,Twitter Bootstrap,Dynamic,Carousel,我正在尝试动态填充引导转盘。我以前看过一篇stackoverflow文章,看起来它可以工作,但似乎无法附加到旋转木马。旋转木马需要6个项目 我在下面的一个Ajax调用中进行填充。脚本将顺利完成,但旋转木马不会出现。下面显示的图标位置将以image1.jpg、image2.jpg等形式返回。非常感谢您的帮助 我尝试过只替换div的图像部分,并将旋转木马中的现有图像处理为新的链接和图像。它似乎不会刷新或动态显示 <script> function GetCarouselData
<script>
function GetCarouselData() {
$.ajax({
type: "Get",
url: "api/UserApps/username/",
data: JSON.stringify(data),
contentType: 'application/json; charset=utf-8'
}).done(
function (m) {
for (var i = 0; i < m.length; i++) {
var carstr = '<div class="col-md-2 col-sm-6 col-12"><a href="#"><img src="~/images/"' + m[i].iconLocation + '" alt="" /></a></div > ';
$(carstr).appendTo(".carousel1Row");
}
$('.carouselitem1').first().addClass('active');
$('#carousel1').carousel();
return true;
})
.fail(function (data) {
alert("fail");
});
}
</script>
函数GetCarouselData(){
$.ajax({
键入:“获取”,
url:“api/UserApps/username/”,
数据:JSON.stringify(数据),
contentType:'application/json;charset=utf-8'
}).完成(
功能(m){
对于(变量i=0;i
旋转木马如下所示:
<div id="carousel1" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div id="carousel1Row" class="row">
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carousel1" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel1" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
我的问题。appendTo(“.carouselrow”)应该是.appendTo(“#carouselrow”)