類型錯誤：$（...）predictiveSearch不是一個函數

我想使用一個名爲predictiveSearch對預先輸入功能的插件，但我得到的錯誤：

TypeError: $(...).predictiveSearch is not a function

我試圖重新訂購腳本的加載，但仍然無法正常工作。有人可以請幫助。這是代碼。

<head> 
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script src="../js/bootstrap.min.js" type="text/javascript"></script> 
    <script src="../js/predictiveSearch.js" type="text/javascript"></script> 
    <script src="../js/jquery.predictive-search.js" type="text/javascript"></script> 
</head> 

<body> 
    <form class="navbar-form navbar-right" role="search" method="post" action=""> 
     <input type="text" placeholder="Search" class="form-control predictive-search" autocomplete="off" data-module="predictive-search" data-url="../json/predictiveSearchResults.json"> 
     <!-- form elements... --> 
    </form> 
</body>

predictiveSearch.js包含以下代碼：

$(function(){ 
    $('[data-module="predictive-search"]').predictiveSearch(); 
});

來源

2015-07-01 user3800243

http://stackoverflow.com/questions/12343714/typeerror-is-not-a-function-when-calling-jquery-function – user3800243

使用jquery.noconflict（）;幫助解決了錯誤

來源

2015-07-23 08:54:30 user3800243

您需要包括含有插件之前初始化插件的JS文件中的JS文件。更改<script>元素順序如下：

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="../js/bootstrap.min.js" type="text/javascript"></script> 
<script src="../js/jquery.predictive-search.js" type="text/javascript"></script> 
<script src="../js/predictiveSearch.js" type="text/javascript"></script>

來源

2015-07-01 08:03:06

我沒有嘗試過，但問題仍然保持不變。 – user3800243

在這種情況下'jquery.predictive-search.js'文件未被正確加載。確保路徑正確，並且控制檯中沒有錯誤。 –

using jquery.noconflict（）;幫助解決了錯誤。謝謝.. http://stackoverflow.com/questions/12343714/typeerror-is-not-a-function-when-calling-jquery-function – user3800243

類型錯誤：$（...）predictiveSearch不是一個函數

回答

相關問題