我有這組代碼可以從資料庫（資料參考表）動態呼叫影像
HTML 輪播：
<!--- Carousel Slider --->
<div class="col-lg-8 col-md-12">
<div class="text-center mb-50">
<div class="card" style="border: none;">
<div class="">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" id="carousel"></div>
<a class="carousel-control-prev" href="#carouselExampleControls" 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="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
查詢代碼：
$(document).ready(function() {
// display carousel
$.getJSON("/datas/json?id=8&q=status_carousel%:%Show", function(data) {
$("#carousel").html('');
var carousel_output = "";
$.each(data, function () {
carousel_output = "<div class='carousel-item'><img class='d-block w-100' src='" this.value "'></div>";
});
$("#carousel").append(carousel_output);
});
});
但是，它仍然不顯示使用上述腳本呼叫的影像。我嘗試了幾種在代碼中添加活動類的方法，但令我失望的是，它們沒有奏效。感謝你們的任何幫助。
uj5u.com熱心網友回復：
嘗試這個：
$(document).ready(function () {
// display carousel
$.getJSON("/datas/json?id=8&q=status_carousel%:%Show", function (data) {
var carousel_output = "";
$.each(data, function () {
carousel_output = "<div class='carousel-item'><img class='d-block w-100' src='" this.value "'></div>";
});
$("#carousel").html(carousel_output);
$("#carousel").find('.carousel-item:first-child').addClass('active');
});
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/335509.html
上一篇：更新JSON字串中的值
下一篇：從條件中獲取JSON值