我如何修改這個滑動div實際工作？

Question

嗨我試圖納入我在這個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;}​</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> 

這似乎是準確的，但它不工作。我錯過了什麼嗎？

Answer 1

1. jQuery加載？

2. 我不知道什麼是你的目標，但我想改變動畫left可以幫助去第三和進一步下滑

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

   試試這個。

3. 要回答@Daniel Fein comment：是的，有一種方法，它很簡單。 用<div>包裝它並將overflow:hidden屬性添加到它。就像this