jQuery循環與錨點和縮略圖

我正在使用jQuery循環插件來構建一個幻燈片，主圖像包裝在一個錨點，並且還有縮略圖導航。我基本上有jQuery Cycle的demo page相同的代碼。一旦我將圖像封裝在鏈接中，縮略圖就會打破。我已經嘗試刪除$('#slideshow img).attr('src')的「slide.src」，但仍未回到未定義狀態。jQuery循環與錨點和縮略圖

$('#slideshow').before('<ul id="slideshow-nav">').cycle({ 
fx: 'fade', 
speed: 'slow', 
timeout: 0, 
pager: '#slideshow-nav', 

pagerAnchorBuilder: function(idx, slide){ 
return '<li class="thumbnail"><a href="#"><img class="rounded" src="' + slide.src + '" width="137" height="129" /></a><span class="highlight"></span><span class="gloss"></span></li>'; 
} 
});

而我的html是這樣的。

<div id="slideshow"> 
<a href="#"><img src="images/gyro.jpg" alt="Gyro"></a> 
<a href="#"><img src="images/gyro.jpg" alt="Gyro"></a> 
<a href="#"><img src="images/gyro.jpg" alt="Gyro"></a> 
<a href="#"><img src="images/gyro.jpg" alt="Gyro"></a> 
</div>

來源

2010-12-01 Chad

您需要提供一個有效的HTML片段到$.before()。目前您沒有關閉</ul>標籤。要做到這一點最徹底的方法是將自我關閉的標籤：

$('#slideshow').before('<ul id="slideshow-nav" />').cycle({ ...

如果你在一個WebKit瀏覽器使用螢火蟲或開發工具，你總能看到jQuery是借console.log($("#slideshow-nav"));或console.log($(slide));尋找哪些元素你的回調函數。

來源

2010-12-01 15:47:11 quis

是的，我已經記錄他們，他們只是回來未定義。這發生在我將#slideshow中的圖像封裝在一個錨點中之後。在此之前，它的工作。 – Chad 2010-12-01 15:52:42

沒關係我在腳本的其他地方發現了一個錯誤，那就是修改了由於某種原因破壞圖像的縮略圖。

來源

2010-12-01 16:07:12 Chad

jQuery循環與錨點和縮略圖

回答

相關問題