0

このスライドショーを自分のWebサイトに設定しようとしています。しかし、私が何度も何度もチェックしたにもかかわらず、何らかの理由で機能していません。

$(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 に答える