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上一页/下一页不工作

回答

相关问题