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>"));

它可能对你有帮助。

Jquery图像路径未更改

2 个答案: