Javascript 未捕获的TypeError:$（…）。leanModal不是HTMLDocument中的函数。<；匿名>；

我正在使用Materialize css库和laravel创建一个调查应用程序： 以下是我的html代码：

<div id="doDelete" class="modal bottom-sheet">
        <div class="modal-content">
          <div class="container">
            <div class="row">
              <h4>Are you sure?</h4>
              <p>Do you wish to delete this survey called "{{ $survey->title }}"?</p>
              <div class="modal-footer">
                <a href="/survey/{{ $survey->id }}/delete" class=" modal-action waves-effect waves-light btn-flat red-text">Yep yep!</a>
                <a class=" modal-action modal-close waves-effect waves-light green white-text btn">No, stop!</a>
              </div>
            </div>
          </div>
        </div>
      </div>

但是我在尝试执行delete函数时出现了这个错误

init.js:6 Uncaught TypeError: $(...).leanModal is not a function
    at HTMLDocument.<anonymous> (init.js:6)
    at j (jquery.min.js:2)
    at Object.fireWith [as resolveWith] (jquery.min.js:2)
    at Function.ready (jquery.min.js:2)
    at HTMLDocument.I (jquery.min.js:2)

init.js:6未捕获类型错误：$（…）。leanModal不是函数
在HTMLDocument。（init.js:6）
在j（jquery.min.js:2）
在Object.fireWith[as resolveWith]（jquery.min.js:2）
在Function.ready（jquery.min.js:2）
在HTMLDocument.I（jquery.min.js:2）

我还包括init.js和jquery.min.js

 <script src="{{ URL::asset('jquery.min.js') }}"></script>
    {!! MaterializeCSS::include_js() !!}
    <script src="{{ URL::asset('init.js') }}"></script>

{！！materialiecss:：include_js（）！！}

请帮忙！！谢谢。

               <section class="new">
                    <center><h2 class="text center">RECENT-PROJECT</h2></center>
                    <div id="carousel">
                            <img src="carousel 11.jpg" id="item-11"/>
                            <img src=" carousel image4.jpg" id="item-4"/>
                            <img src="image8.jpg" id="item-8"/>
                            <img src="image9.jpg" id="item-9"/>
                             <img src="image13.jpg" id="item-13"/>
                             <img src="image15.jpg" id="item-15"/>
                             <img src="images 12.jpg" id="item-12"/>
                             <img src="images 14.jpg" id="item-14"/>
                             <img src="image16.jpg" id="item-9"/>
                        </div>

                        <script>
                                $(document).ready(function () {
                                  var carousel = $("#carousel").waterwheelCarousel({
                                    flankingItems: 3,
                                  });

                                  $('#prev').bind('click', function () {
                                    carousel.prev();
                                    return false
                                  });

                                  $('#next').bind('click', function () {
                                    carousel.next();
                                    return false;
                                  });
                                });
                            </script>
                    </section>

近期项目
$（文档）.ready（函数（）{
变量转盘=$（“#转盘”）。水车转盘({
侧翼项目：3，
});
$（'#prev'）.bind（'click'，function（）{
上一个转盘（）；
返回错误
});
$（'#next'）.bind（'click'，function（）{
carousel.next（）；
返回false；
});
});

我在HTML中没有看到

.modal trigger

元素；代码中有其他地方吗？您没有包含leanModal的文件plugin@mark.hch，是的，我像上面一样包含它。我在上面的JavaScript中看到它，但不是在HTML中。如果没有类为

modal trigger

的HTML元素，那么您正在对空jQuery对象调用

.leanModal（）

。正如@charlietfl所指出的，

并不是一个函数

错误，似乎您没有包括

leanmodel

插件。如果您没有本地文件，可以使用CDN:

               <section class="new">
                    <center><h2 class="text center">RECENT-PROJECT</h2></center>
                    <div id="carousel">
                            <img src="carousel 11.jpg" id="item-11"/>
                            <img src=" carousel image4.jpg" id="item-4"/>
                            <img src="image8.jpg" id="item-8"/>
                            <img src="image9.jpg" id="item-9"/>
                             <img src="image13.jpg" id="item-13"/>
                             <img src="image15.jpg" id="item-15"/>
                             <img src="images 12.jpg" id="item-12"/>
                             <img src="images 14.jpg" id="item-14"/>
                             <img src="image16.jpg" id="item-9"/>
                        </div>

                        <script>
                                $(document).ready(function () {
                                  var carousel = $("#carousel").waterwheelCarousel({
                                    flankingItems: 3,
                                  });

                                  $('#prev').bind('click', function () {
                                    carousel.prev();
                                    return false
                                  });

                                  $('#next').bind('click', function () {
                                    carousel.next();
                                    return false;
                                  });
                                });
                            </script>
                    </section>