2013-04-30 3 views
0

나는 내 콘솔에서 볼 수있는 오류가 없지만 내 루프는 내 div에 아무것도 삽입하지 않는 것 같습니다. 첫 번째 FOR 루프에 앞자리가 표시됩니다.jQuery prepend() 아무것도하지 않고

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

당신은 그것의 시간을 prepends 의미합니까? 왜냐하면 당신은 게시 된 코드에 하나의 루프 만 있기 때문입니다. –

+0

prepend가 정상적으로 작동하면 브라우저의 개발 도구 모음을 사용하여 요소를 검사 할 수 있습니다. img 노드가 추가됩니다 –

답변

1

각 앞에 추가를위한 새로운 사업부를 작성해야합니다. 각주기를 복제 할 수있는 div 템플릿을 만듭니다.

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

+0

코드가 잘 작성되어 어떻게 든 전체 JS 스크립트가 쉬는 날이 올 것 같아요. – WASasquatch

+0

글쎄 jquery는 일반적으로 페이지에서 아직 요소를 취하지 않을 때 잘 수행되지 않는다는 것을 알기 때문에 div 템플릿을 만드는 것이이 문제를 해결할 것이라고 생각한 것입니다. –

+0

어쩌면 더미 이미지가있을 수 있으며 그 이후로 나는 soureces를 대체 할 수 있습니까? 불투명도가 0으로 설정되었으므로 불투명도가 0이 아니므로 스크립트가 사용하는 것만 희미해질 것입니다. – WASasquatch

0

prepend() 작품은, 모든 이미지는이 페이지에 표시되지 않는 이유입니다 그들에 opacity:0 세트가있다.

+0

그들은 그렇게 생각합니다. 슬라이더는 코드 앞에 코드가 있음을 제어합니다. 문제는 prepend를 사용하여 동적으로 이미지를 추가했기 때문에 레이아웃이 잘못되었다는 것입니다. – WASasquatch

관련 문제