Requirejs與完美的滾動條jQuery插件

Question

讓我開始說，我只接近RequireJS最近，我仍然試圖圍繞它的工作原理。

我想使用perfect-scrollbar，特別是jQuery版本。

我index.js：

requirejs.config({ 
    shim: { 
     'perfectScrollbar': { 
      'deps': ["jquery"] 
     } 
    }, 
    paths: { 
     'jquery': "lib/jquery-3.2.1.min", 
     'perfectScrollbar': "lib/perfect-scrollbar.jquery.min" 
    } 
}); 

require(["jquery", "perfectScrollbar"], function() { 
    $(document).ready(function() { 
     $(".custom_scrollbar").perfectScrollBar(); 
    }); 
}); 

我在控制檯中出現以下錯誤：

jquery-3.2.1.min.js:2 Uncaught TypeError: $(...).perfectScrollBar is not a function 
    at HTMLDocument.<anonymous> (index.js:15) 
    at j (jquery-3.2.1.min.js:2) 
    at k (jquery-3.2.1.min.js:2) 

編輯：切換到的jQuery 2.2.1產生以下（類似的）錯誤：

index.js:15 Uncaught TypeError: $(...).perfectScrollBar is not a function 
    at HTMLDocument.<anonymous> (index.js:15) 
    at i (jquery-2.2.1.min.js:2) 
    at Object.add [as done] (jquery-2.2.1.min.js:2) 
    at n.fn.init.n.fn.ready (jquery-2.2.1.min.js:2) 
    at index.js:14 
    at Object.execCb (require.js:5) 
    at b.check (require.js:5) 
    at b.<anonymous> (require.js:5) 
    at require.js:5 
    at require.js:5 

我該如何解決這個問題？

Answer 1

你打電話$(...).perfectScrollBar()大寫字母「B」。插件as documented in the README的實際名稱是$(...).perfectScrollbar()，帶小寫字母「b」。