Bootstrap 未捕获的类型错误:$(...).modal不是laravel刀片模板中的函数

u4dcyp6a  于 2022-12-16  发布在  Bootstrap
关注(0)|答案(1)|浏览(120)

我尝试在按钮点击时显示引导模式,如下所示:

@extends('layouts.main')
    @section('body')
        <div>
          <button type="button" onClick="buttonClick()"></button>
        </div>
        
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
              modal content.........
        </div>
     
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script>
        function buttonClick() {
        $("#myModal").modal('show');
        }
        </script>
    @endsection

但出现以下错误:
未捕获的类型错误:$(...).modal不是函数
主布局文件包含另一个文件:
@include('布局.脚本')
然后按以下顺序加载bootsrap/jquery条带:

<script type="text/javascript" src="{{ asset('js/jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/bootstrap.min.js') }}"></script> 
<script type="text/javascript" src="{{ asset('js/jquery.actual.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/chosen.jquery.min.js') }}"></script>

你知道会出什么问题吗?

bkhjykvo

bkhjykvo1#

尝试在JQuery脚本之前包含引导脚本

相关问题