jQuery幻燈片（瑞安佛羅倫薩）不工作點擊

Question

我一直在試圖得到一個jQuery幻燈片（點擊）現在工作了一段時間，無法弄清楚我要去哪裏錯了。我在這裏瑞安佛羅倫薩的jQuery的幻燈片導航工作：

http://ryanflorence.com/jquery-slideshow/demos/slideshownav/

我在這裏已經放在一起的jsfiddle：

http://jsfiddle.net/hAvXt/3/

我已經取得了一定要包括jQuery UI的。他的網站上有三個JavaScript文件（demo.js，jquery.rf.slideshow.js，jquery.rf.slideshownav.js）。我把它們都放到了JSFiddle的javascript部分。

基本上，當我點擊正確的按鈕，它更新'幻燈片'div到正確的內容，但它沒有給我轉換。起初我以爲是因爲我使用的是'divs'而不是圖像，但是我在過去的div中使用了他更簡單的幻燈片，效果很好。非常感謝幫忙。

這是我的導航欄：

<div class="slideshow" id="slideshow" style="width:1105px; height:1402px;"> 
<div id="red" style="background-color:red;height:1402px; width:1105px;">TEST 1</div> 
<div id="green" style="background-color:green;height:1402px; width:1105px;">TEST 2</div> 
<div id="blue" style="background-color:blue;height:1402px; width:1105px;">TEST 3</div> 
</div> 

這是jQuery的函數的實現：

$(function(){ 
    $('#slideshow').slideshownav({ 
    transition: 'push(#{direction})', 
    mode: 'vertical', 
    navSelector: '> ul > li > a', 
    duration: 400, 
    autoPlay: false 
    }); 
}); 

Answer 1

我是有設立怪異（的人誰在未來有這個問題）。通過幻燈片演示，實際的錨點href不會做任何讓本演示的網站源代碼混淆的東西。

它與錨標籤的順序和幻燈片的順序有關。第一個對應第一個，等等。