jQuery的週期 - IMG滑不加載，重新入隊的幻燈片

Question

我使用jQuery週期插件來創建一個非常簡單的幻燈片：

標記：

<div class="gallery group"> 

    <div class="slide-nav"> 
     <a href="#" class="previous">&laquo; Ver anterior</a> 
     <a href="#" class="view">Ver Ficha</a> 
     <a href="#" class="next">Ver siguiente &raquo;</a> 
    </div><!-- /slide-nav --> 

    <div class="slider"> 

     <div class="slides"> 
      <img src="img/gallery01.jpg" alt="" /> 
      <img src="img/gallery02.jpg" alt="" /> 
      <img src="img/gallery01.jpg" alt="" /> 
      <img src="img/gallery02.jpg" alt="" /> 
     </div> 

     <div class="thumbs"></div> 

    </div><!-- /slider --> 

</div><!-- /gallery --> 

腳本：

jQuery('.gallery .slider .slides').cycle({ 
    fx:  'fade', 
    speed: '800', 
    timeout: 3000, 
    prev: '.gallery .slide-nav a.previous', 
    next: '.gallery .slide-nav a.next', 
    pager: '.gallery .slider .thumbs', 

    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide) { 
     var img = jQuery(slide).find("img").attr("src"); 
     return '<a href="#"><img src="' + img + '" /></a>'; 
    } 
}); 

pagerAnchorBuilder是在pager（我的示例中爲.thumbs）中創建縮略圖的函數。這個想法是在.thumbs和.slides創建縮略圖是幻燈片的包裝（在我的情況下的圖像）。

不過，我在控制檯收到此日誌（不是錯誤或警告，只要登錄）：

[週期] 1 - IMG滑不加載， 幻燈片重新入：gallery01.jpg 0 0

幻燈片仍然有效，但它不會創建縮略圖，告訴我從pagerAnchorBuilder功能img變量是不確定的。

任何想法「重播幻燈片」是什麼意思，爲什麼圖像未定義？過去我多次使用過這個確切的片段，之前從未遇到過這個問題。

Answer 1

嗯......

var img = jQuery(slide).find("img").attr("src"); 

如果「幻燈片」，在傳遞給你的「pagerAnchorBuilder」回調將在「幻燈片」 <div>的<img>要素之一，那麼你就不需要「找（）」。它應該只是：

var img = jQuery(slide).attr('src'); 

，或者更簡單的：

var img = slide.src; 

的 「.find（）」 方法永遠不會包括開始元素;它只查看DOM中的後代。