如何修改此滑动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可能会有助于进入第3级并进一步滑动

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

   试试这个。

3. 回答@Daniel Fein comment：是的，有一种方法，而且非常简单。 用<div>换行并添加overflow:hidden属性。就像this

一样