Question

我正在尝试使用名为predictiveSearch的插件来提前输入功能，但我收到错误：

TypeError：$（...）。predictiveSearch不是函数

我尝试重新订购脚本加载但仍无法正常工作。有人可以请帮助。这是代码。

<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();
});

Answer 1

您需要在初始化插件的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>

Answer 2

使用jquery.noconflict（）;帮助解决错误

TypeError：$（...）。predictiveSearch不是函数

2 个答案: