JQuery Cycle上一頁/下一頁不工作

我想使用JQuery循環創建幻燈片，觀衆可以通過單擊圖像按鈕查看上一張或下一張幻燈片。JQuery Cycle上一頁/下一頁不工作

我使用JavaScript從這裏下載： http://jquery.malsup.com/cycle/int2.html

這裏是我的HTML看起來像：

<script type="text/javascript" src="js/jquery.cycle.all.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() 
{ 
$('#slide').cycle({ 
fx:  'fade', 
speed: 'fast', 
timeout: 0, 
next: '#next', 
prev: '#prev' 
}); 
</script>

及部分與滑：

<div id="slideshow-wrapper"> 
     <div id="slideshow-control"> 
      <a id="prev" href="#"><img src="images/prev.png" alt="Previous" /></a> 
      <a id="next" href="#"><img src="images/next.png" alt="Next" /></a> 
     </div> 

     <div id="slide"> 
      <img src="images/banner/banner01.jpg" alt=" " /> 
      <img src="images/banner/banner02.jpg" alt=" " /> 
      <img src="images/banner/banner03.jpg" alt=" " /> 
     </div> 
    </div><!--#slideshow-wrapper end-->

我看到關於其他職位這件事情，我試着建議有解決辦法;但我仍然無法使幻燈片正常工作。： - /因爲我對JavaScript沒有太多瞭解，所以我確定我錯過了某些東西和/或複製了錯誤的東西。

如果有人能看看這裏出了什麼問題，我將不勝感激。 :-)

來源

2012-04-12 Vetaxili

在瀏覽器控制檯中是否有任何錯誤？螢火蟲或鉻？在調用jquery.cycle.all.js之前，你是否包含jquery文件 – DG3 2012-04-12 23:43:12

你好，不，我沒有得到任何錯誤。包含的文件（） – Vetaxili 2012-04-13 08:24:28

我的意思是核心jquery文件。它應該出現在循環插件 – DG3 2012-04-13 12:40:29

你沒有用大括號/括號的正確數量收出你的腳本：

$(document).ready(function() 
{ 
    $('#slide').cycle({ 
         fx:  'fade', 
         speed: 'fast', 
         timeout: 0, 
         next: '#next', 
         prev: '#prev' 
        } 
        ); //end of #slide.cycle 
}); //end of doc-ready

來源

2012-04-12 23:44:14 Marc

之前我糾正了我的代碼，但它似乎仍然沒有工作。 :-( – Vetaxili 2012-04-13 08:20:03

@Vetaxili你會有更好的運氣獲得幫助，如果你努力創造一個JSFiddle供我們審閱。 – Marc 2012-04-13 14:12:58

不是JSFiddle的線索。我想要做的就是將我找到的jQuery當我比較我的代碼和他們網站上的代碼幾乎是一樣的，所以我不知道爲什麼它不會對我有用 – Vetaxili 2012-04-13 17:57:01

此外，還要確保沒有你的未來和prev ID的另一個發生。

Ctr + F在開發人員工具「元素」選項卡中搜索「prev」或「next」。

來源

2013-10-25 19:14:35 Amac

JQuery Cycle上一頁/下一頁不工作

回答

相關問題