jQuery插件不工作...「類型錯誤：'undefined'不是函數」

我有一個Ruby Rails應用程序，它利用jQuery，並試圖加載插件，但它不工作;腳本以「正確」順序（即jquery，jquery_ujs，插件，自己的腳本）加載，但任何插件函數（特別是測試niceScroll和jScrollPane）都會失敗，並且「類型錯誤：」未定義「不是函數」。在Web Inspector中，我可以看到插件腳本在jQuery腳本之後成功加載，但我根本無法使其運行。jQuery插件不工作...「類型錯誤：'undefined'不是函數」

jQuery itselt工作得很好，事實上Turbolinks和jQuery turbolinks也能正常工作。但是，試圖調用「$('.something').niceScroll」（或任何其他插件）會產生上述類型錯誤。

這裏是我的aplication.js：

//= require jquery 
//= require jquery_ujs 
//= require bootstrap 
//= require turbolinks 
//= require jquery.turbolinks 
//= require socket.io 
//= require jquery.jscrollpane.min 
//= require jquery.mousewheel 
//= require auctions

，當放置在應用程序的佈局，這個收益率（部分）HTML：

<head> 
    <title>Slamlaunch</title> 
    <link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css"> 
<link href="/assets/active_admin.css?body=1" media="all" rel="stylesheet" type="text/css"> 
<link href="/assets/auctions.css?body=1" media="all" rel="stylesheet" type="text/css"> 
<link href="/assets/marketing/marketing.css?body=1" media="all" rel="stylesheet" type="text/css"> 
<link href="/assets/patches.css?body=1" media="all" rel="stylesheet" type="text/css"> 
<link href="/assets/products.css?body=1" media="all" rel="stylesheet" type="text/css"> 
<link href="/assets/sessions.css?body=1" media="all" rel="stylesheet" type="text/css"> 
    <script src="/assets/jquery.js?body=1" type="text/javascript"></script> 
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-affix.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-alert.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-button.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-collapse.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-dropdown.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-scrollspy.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-tab.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-tooltip.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-popover.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-typeahead.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script> 
<script src="/assets/turbolinks.js?body=1" type="text/javascript"></script> 
<script src="/assets/jquery.turbolinks.js?body=1" type="text/javascript"></script> 
<script src="/assets/socket.io.js?body=1" type="text/javascript"></script> 
<script src="/assets/jquery.jscrollpane.min.js?body=1" type="text/javascript"></script> 
<script src="/assets/jquery.mousewheel.js?body=1" type="text/javascript"></script> 
<script src="/assets/auctions.js?body=1" type="text/javascript"></script> 
<script src="/assets/application.js?body=1" type="text/javascript"></script> 
    <meta content="authenticity_token" name="csrf-param"> 
<meta content="LzMLqv0Sb7+89JGe0U5x2ZGkECJ4l1gfbiD/81jFJD4=" name="csrf-token"> 
</head>

而且，是的，所有的相關代碼在加載完所有庫之後，在$（function（）{}）塊或控制檯中執行。

來源

2013-01-23 Shane Kamar

請提供一些代碼..正在加載腳本的sply –

您應該提供一些與加載這些插件的位置相關的代碼。 – Alpay

如果$未定義，$ .noConflict被調用或未包含jquery。如果未定義，那麼要麼包含jQuery兩次，要麼不包含該插件。 –

這個問題的產生主要是因爲它根據你的腳本不正確裝載的是不是你的情況
嘗試把所有的代碼裏面

$(function(){ 
//your code 
})

也檢查，看看jQuery的不被下載兩次

來源

2013-01-23 15:49:14

我的jquery正在被下載兩次！感謝Parv和/或Robert！ – TWright

我的jquery也正在下載頁腳。我沒有注意到，因爲我沒有寫這個應用程序。 – user3413723

jQuery插件不工作...「類型錯誤：'undefined'不是函數」

回答

相關問題