2

こんにちは、この jfiddle で見つけたコードを取り入れようとしています: http://jsfiddle.net/x2qk7/158/

私のウェブサイトにアクセスしましたが、機能していません。

私の実際のページから貼り付けました。次のようになります。

<script type="text/javascript"> $(document).ready(function(){

    $('a.next').click(function(){             
        $('.slide').animate({left:-720})
    })

});​ </script>

<style>.form-slides {width:100000px;} .slide {width:300px;float:left;left:0;position:relative;}​&lt;/style>

<div class="form-slides">
    <div class="slide">
        <p>Lipsum blah blah blah</p>
        <a href="#" class="next">Next</a> 
    </div>
    <div class="slide">
        <p>Lipsum blah blah blah</p>
        <a href="#" class="next">Next</a> 
    </div>
    <div class="slide">
        <p>Lipsum blah blah blah</p>
        <a href="#" class="next">Next</a> 
    </div> </div>

正確なようですが、まったく機能していません。何か不足していますか？

4

1 に答える 1

3

  1. jQuery はロードされていますか?

  2. あなたの目標はわかりませんがleft、アニメーションを変更すると、3 枚目以降のスライドに進むのに役立つと思います

    $('a.next').click(function(){             
    $('.slide').animate({left: "-=785px"})
})

    これを試して。

  3. @Daniel Feinのコメントに答えるには：はい、方法があり、非常に簡単です。でラップし、プロパティを<div>追加します。このoverflow:hiddenように

于 2012-12-21T23:43:51.643 に答える