我如何修改这个滑动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