Question

我没有在控制台上看到的错误，但我的循环似乎没有在我的div中插入任何内容。您将在第一个FOR循环中看到前置。

http://jordan.rave5.com/tmpstuff/

的jQuery

// Start Slides
$.get('http://jordan.rave5.com/tmpstuff/slides.txt', function (data) {
    var lineArray = data.split('\n'),
        slideList = [],
        count = lineArray.length;
    for (i = 0; i < count; i++) {
        var line = lineArray[i].split('{|}');
        slideList[i] = [],
        slideList[i]['id'] = line[0],
        slideList[i]['url'] = line[1];
        $('#header-image-border').prepend('<img id="' + line[0] + '" class="header-image-size" src="' + line[1] + '" alt="The Tiger Spot" />');
    }
});
$('#hi1').fadeTo(2000, 1.0, function () {
    var slide = 0,
        slideShow = setInterval(function () {
            var nextSlide = slide + 1;
            if (nextSlide > count - 1) {
                nextSlide = 0;
            }
            $(slideList[slide]['id']).fadeTo(600, 0);
            $(slideList[nextSlide]['id']).fadeTo(2300, 1.0);
            slide++;
            if (slide > count - 1) {
                slide = 0;
            }
        }, 20000);
    // End Slides

slides.txt

#hi1{|}slides/head1.jpg
#hi2{|}slides/head2.jpg
#hi3{|}slides/head3.jpg
#hi4{|}slides/head4.jpg
#hi5{|}slides/head5.jpg

Answer 1

您需要为每个前置创建一个新的div。为div创建一个模板，您可以克隆每个循环。

jQuery .append() called from within for loop. (Closure Issue?)

Answer 2

prepend()有效，您的所有图片都设置了opacity:0，这就是为什么它们没有出现在页面上。

jQuery prepend（）什么都不做

2 个答案: