jScrollPane/jQuery - 新手問題

我正在通過jQuery新手去Ninjan的書，其中包含一個演示如何添加一個簡單的jScrollPane插件的練習。問題是，當我將庫更改爲最新的庫時，它停止工作我似乎無法指出錯誤是什麼，並且在竊聽我，我無法弄清楚這一點。jScrollPane/jQuery - 新手問題

舊代碼（工作），我有如下：是

$(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>

作者回復bac k到我說，給JScrollPane的參數是在新版本中不同

一個提供JScrollPane的現場樣品如下：

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

但我想尋找的例子，我想由於因爲我缺乏經驗，無法弄清楚我是不是正確地將示例集成到$（document）.ready動作中，或者我的庫鏈接錯誤順序或其他。

如果有人能夠協助我這將是感激 - 事先感謝。

來源

2011-05-28 Quest

你是否在螢火蟲中發現錯誤 – kobe 2011-05-28 17:41:56

切換回的jQuery 1.4和初始化JScrollPane的作爲

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

它應該工作 - INFACT它會！

此外，如果您可以告訴我們您正在使用它的頁面 - 會很棒！

來源

2012-01-05 09:01:27 foxybagga

jScrollPane/jQuery - 新手問題

回答

相關問題