jScrollPane/jQuery-新手问题

我正在阅读一本关于jQuery新手到Ninjan的书，其中包含一个演示如何添加简单jScrollPane插件的练习。 问题是，当我将库更改为最新的库时，它会停止工作 我似乎无法指出错误是什么，并且一直困扰着我，我无法找出答案

我拥有的旧代码（有效）如下：

    $(document).ready(function(){
  $('#fine_print').jScrollPane({
    scrollbarWidth: 10,
    scrollbarMargin: 10,
    showArrows: false
  });
});

    <link rel="stylesheet" href="jScrollPane.css" type="text/css" media="screen" charset="utf-8" />

  <script src="../../lib/jquery-1.4.min.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" src="jScrollPane.js"></script>
  <script type="text/javascript" src="jquery.mousewheel.js"></script>

    <!-- styles needed by jScrollPane -->
<link type="text/css" href="new/jquery.jscrollpane.css" rel="stylesheet" media="all" />

<script src="../../lib/jquery-1.5.1.min.js" type="text/javascript" charset="utf-8"></script>



<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="new/jquery.mousewheel.js"></script>

<!-- the jScrollPane script -->
<script type="text/javascript" src="new/jquery.jscrollpane.min.js"></script>

    $(function()
{
    $('.scroll-pane').jScrollPane(
        {
            verticalDragMinHeight: 20,
            verticalDragMaxHeight: 20,
            horizontalDragMinWidth: 20,
            horizontalDragMaxWidth: 20
        }
    );
});

我正在链接的旧外部资源如下：

    $(document).ready(function(){
  $('#fine_print').jScrollPane({
    scrollbarWidth: 10,
    scrollbarMargin: 10,
    showArrows: false
  });
});

    <link rel="stylesheet" href="jScrollPane.css" type="text/css" media="screen" charset="utf-8" />

  <script src="../../lib/jquery-1.4.min.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" src="jScrollPane.js"></script>
  <script type="text/javascript" src="jquery.mousewheel.js"></script>

    <!-- styles needed by jScrollPane -->
<link type="text/css" href="new/jquery.jscrollpane.css" rel="stylesheet" media="all" />

<script src="../../lib/jquery-1.5.1.min.js" type="text/javascript" charset="utf-8"></script>



<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="new/jquery.mousewheel.js"></script>

<!-- the jScrollPane script -->
<script type="text/javascript" src="new/jquery.jscrollpane.min.js"></script>

    $(function()
{
    $('.scroll-pane').jScrollPane(
        {
            verticalDragMinHeight: 20,
            verticalDragMaxHeight: 20,
            horizontalDragMinWidth: 20,
            horizontalDragMaxWidth: 20
        }
    );
});

但是我试着查看示例，我想由于缺乏经验，我无法确定是否我没有将示例正确地集成到$（文档）。ready action或我将库以错误的顺序链接或其他方式

---

如果有人能在这方面帮助我，我将不胜感激-提前感谢。

切换回jquery 1.4版，并将jscrollpane初始化为

$(document).ready(function(){
  $('#fine_print').jScrollPane();
});

它应该会起作用——事实上它会的

---

另外，如果你能给我们看你正在使用它的页面，那就太好了

您在firebug中是否有任何错误。。