我尝试在按钮点击时显示引导模式,如下所示:
@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>
你知道会出什么问题吗?
1条答案
按热度按时间bkhjykvo1#
尝试在JQuery脚本之前包含引导脚本