包含app.js Laravel后,Bootstrap javascript无法运行

时间:2017-04-23 11:30:55

标签: javascript php jquery twitter-bootstrap laravel

我已经包含laravel app.js以便使用Vue,但现在我的Twitter Bootstrap下拉列表无效。

<script type="text/javascript" src="{!! asset('js/app.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/core/libraries/jquery.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/core/libraries/bootstrap.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/plugins/loaders/pace.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/plugins/loaders/blockui.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/plugins/ui/nicescroll.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/plugins/ui/drilldown.js') !!}"></script>

    <script type="text/javascript" src="{!! asset('assets/js/core/app.js') !!}"></script>

一旦删除第一个脚本(Laravel的app.js),下拉列表再次正常工作。

1 个答案:

答案 0 :(得分:3)

Laravel的默认npm包已包含Twitter Bootstrap javascript。现在您执行两次相同的代码,这可能会导致错误并中断您的下拉菜单,还会显示您网页上的所有其他JavaScript。