Question

我正在阅读jQuery Novice到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>

我链接的新外部资源（和jScrollPane消失）如下：

    <!-- 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>

作者回复我说，新版本中jScrollPane的参数不同

jScrollPane网站上提供的一个示例如下：

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

但是我试着查看这些示例，我想由于我缺乏经验无法弄清楚我是不是将这些示例正确地集成到$（document）.ready操作中，或者我的库以错误的顺序链接或者别的什么。

如果有人能帮助我，我会感激不尽 - 提前感谢。

Answer 1

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

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

它应该工作 - 事实上它会！

此外，您可以向我们展示您正在使用它的页面 - 会很棒！

jScrollPane / jQuery - 新手问题

1 个答案: