javascript - Uncaught TypeError: $(...) is not a function in laravel 5.6

Question

我有以下代码：

主.js

$(document).ready(function(){
        $('#rateYo').rateYo({
            starWidth: "40px"
        });

});

show.blade.php

  <div id="rateYo"></div>

我在下面收到错误：

app.js:4586 jQuery.Deferred 异常：$(...).rateYo 不是函数类型错误：

未捕获的 TypeError：$(...).rateYo 不是 HTMLDocument 中的函数。(main.js:3)

我正在使用 laravel 5.6，就资产而言，一切都很好，关于为什么会发生此错误的任何想法？

标签： javascriptjquerylaravel

Answer 1

jquery.rateyo.min.js当我们添加jquery.rateyo.min.js到我们的代码中时，你错过了它的工作正常：-

$(document).ready(function(){
        $('#rateYo').rateYo({
            starWidth: "40px"
        });

});

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.2/jquery.rateyo.min.js"></script>
  
  <div id="rateYo"></div>