Javascript 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>

$（文档）.ready（函数（）{
$（“#sShowGallery”）.css（“溢出”、“隐藏”）；
$（“#sShow_nav”）.css（“可见性”、“可见”）；
$（“#sShow_nav a[href=#sld1]”）addClass（“活动”）；
$（“#sShow_nav”）.localScroll({
目标：“#sShowGallery”，轴：“x”
});
$（“#sShow_nav a”）。单击（函数（）{
$（“#sShow_nav a”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
});

它似乎只在JSFIDLE上工作，就像我的浏览器无法识别它一样，或者有什么奇怪的东西

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

我将感谢任何帮助：）

包括这些文件

  <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>

---

它在fiddle中工作意味着这些就是问题所在。请尝试在页面上包含检查您是否添加了

jquery文件，如：

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

怎么回事？它不工作了？你的错误是什么？您可以在浏览器的控制台面板中看到javascript错误。您可以显示导入的js文件吗？您是否包含了jquery？检查所有的Java脚本都成功加载了哪些。您是否在
页面
或
脚本
中添加了
jquery.LocalScroll插件
的代码？愚蠢的我。。。我要用你的第二个例子。非常感谢。顺便说一句，我正在使用
<script>
$(document).ready(function(){
    //your code
});
</script>