jScrollPane / jQuery - вопрос новичка

Question

Я изучаю книгу jQuery Novice to 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();
});

Это должно работать - на самом деле это будет!

Также в случае, если вы можете показать нам страницу, на которой вы его используете - было бы здорово!