jQuery幻灯片不能正常工作

我想在我的网站上设置这个幻灯片。但由于某种原因，不工作，即使我加倍检查无尽的时间。jQuery幻灯片不能正常工作

$(document).ready(function(){ 
    $("#sShowGallery").css("overflow", "hidden"); 
    $("#sShow_nav").css("visibility", "visible"); 
    $("#sShow_nav a[href=#sld1]").addClass("active"); 

    $("#sShow_nav").localScroll({ 
     target:'#sShowGallery', axis: 'x' 
    }); 

    $("#sShow_nav a").click(function(){ 
     $("#sShow_nav a").removeClass("active"); 
     $(this).addClass("active"); 
    }); 
}); 

<div id="sShow"> 
    <div id="sShowGallery"> 
     <ul> 
      <li id="sld1"><a href="#image1"><img src="resource/images/sShow/igcbanner.png" width="900" height="350" alt="image1" /></a></li> 
      <li id="sld2"><a href="#image2"><img src="resource/images/sShow/slider_002.jpg" width="900" height="350" alt="image2" /></a></li> 
      <li id="sld3"><a href="#image3"><img src="resource/images/sShow/slider_003.jpg" width="900" height="350" alt="image3" /></a></li> 
     </ul> 
    </div> 
    <div id="sShow_nav"> 
     <ul> 
      <li><a href="#sld1"><img src="resource/images/sShow/igcbanner.png" width="900" height="350" alt="image1" /></a></li> 
      <li><a href="#sld2"><img src="resource/images/sShow/slider_002.jpg" width="900" height="350" alt="image2" /></a></li> 
      <li><a href="#sld3"><img src="resource/images/sShow/slider_003.jpg" width="900" height="350" alt="image3" /></a></li> 
     </ul> 
    </div> 
</div>

http://jsfiddle.net/2VQ9A/

它只是似乎是工作的jsfiddle，它就像它不是被我的浏览器或一些奇怪的认可。

这可能是个愚蠢的问题，也是一个简单的答案。这是我第一次使用Javascript。

我会感谢任何帮助:)！

来源

2013-03-22 user2198004

什么它不工作？ – BeardFist 2013-03-22 06:49:16

你得到的错误是什么？您可以在浏览器的控制台面板中看到javascript错误。 – 2013-03-22 06:49:29

你可以显示你导入的js文件吗 – PSR 2013-03-22 06:50:09

检查：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

或添加这些文件的任何像Google或Microsoft

还加入你的代码加入上述文件等之后：

<script> 
$(document).ready(function(){ 
    //your code 
}); 
</script>

来源

2013-03-22 06:55:02

您是否在'page'或'script'中添加了'jQuery.LocalScroll插件'的代码？ – 2013-03-22 06:58:26

愚蠢的我...我用你的第二个例子工作。非常感谢。顺便说一句我正在使用我在我的幻灯片的同一页面上添加了jQuery.LocalScroll插件.js文件。 – user2198004 2013-03-22 07:00:13

包含这些文件

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

它是工作在拨弄definetely意味着它们的probme.Try包括您网页所添加的jquery files像

来源

2013-03-22 06:51:49 PSR

jQuery幻灯片不能正常工作

回答

相关问题