jQuery的圖像路徑沒有改變

Question

我有一個jquery ajax輪播，我正在嘗試編輯路徑，但是無論我做什么，它都沒有改變。 誰能幫我這個忙。

這是jQuery代碼

$(document).ready(function () {


var dir = "../images/big-carousel/";
var first = true;
var className = 'class="item active"';
var fileextension = ".jpg";
$.ajax({
    url: dir,
    success: function (data) {
        $(data).find("a:contains(" + fileextension + ")").each(function () {

            if (first == false) {
                className = 'class="item"';
            }
            var filename = this.href.replace(window.location.host, "").replace("http:///tabs/", "");


    $("#bigCarousel .carousel-inner").append($("<div " + className + " style=\"background-image:url(" + filename + dir + ")\"></div>"));

            first = true;
        });
    }

HTML代碼

<div id="background-carousel">
            <div id="bigCarousel" class="carousel slide" data-ride="carousel">
                <div class="carousel-inner" >
                </div>
            </div>
        </div>

Answer 1

請嘗試以下代碼：

$("#bigCarousel .carousel-inner").append($("<div " + className + " style=\"background-image:url(" + dir + filename + ")\"></div>"));

Answer 2

嘗試將您的最后一行jquery代碼替換為以下內容：-

$("#bigCarousel .carousel-inner").append($("<div " + className + " style=\"background-image:url('" + filename + dir + "')\"></div>"));

它可能會幫助您。