2013-04-30 3 views
0

У меня нет ошибок, которые я могу видеть на моей консоли, но мой цикл, кажется, не вставляет ничего в мой div. Вы увидите префикс в первом цикле FOR.jQuery preend() ничего не делает

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 
+1

Вы уверены, что это называется? –

+0

Вы имеете в виду, что это добавляет время? потому что у вас есть только один цикл в вашем опубликованном коде.? –

+0

preend работает нормально, вы можете проверить элемент с помощью панели инструментов разработки браузера, добавлены к нему узлы img –

ответ

1

Вам нужно создать новый DIV для каждого препендом. Создайте шаблон для своего div, который вы можете клонировать каждый цикл.

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

+0

Код пишет хорошо, похоже, что он каким-то образом вызывает весь сценарий JS break.I боюсь, что это может быть время с исчезновением? – WASasquatch

+0

Ну, я знаю, что jquery обычно не срабатывает, когда вы делаете действия над элементами, еще не находящимися на странице, поэтому я думал, что создание шаблона div решит это. –

+0

Возможно, у вас есть фиктивные образы и замените сувениры, так как с ними я работаю? Поскольку opacity установлен на 0, это не похоже на то, что они будут в пути, и скрипт будет только исчезать в том, что он использует. – WASasquatch

0

В prepend() работает, все ваши изображения имеют opacity:0 набор на них, поэтому они не отображаются на странице.

+0

Они должны это делать. Ползунок контролирует это, как вы видите ниже, код preend. Проблема заключается в том, что, используя предварительную добавку, чтобы динамически добавлять изображения, она сломала макет, который я предполагаю. – WASasquatch

Смежные вопросы