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幻燈片不能正常工作

回答

相關問題