0

我正在尝试在我的网站上设置此幻灯片。但是由于某种原因无法正常工作，即使我反复检查了无数次。

$(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。

我会很感激任何帮助:)！

4

2 回答 2

0

包括这些文件

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

它在小提琴中工作意味着这些都是问题。尝试包括

于 2013-03-22T06:51:49.030 回答
0

检查您添加的页面jquery files：

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

或通过任何CDN类似的方式添加这些文件Google或Microsoft

在添加上述文件后添加您的代码，例如：

<script>
$(document).ready(function(){
    //your code
});
</script>
于 2013-03-22T06:55:02.450 回答