如何在Laravel中实现select2

时间:2019-09-27 13:53:47

标签: javascript html laravel laravel-5 jquery-select2

我有一个简单的输入,我想让用户选择js select2js

这是我的输入内容

<div class="form-group">

    <select class="js-example-basic-multiple form-control" name="states[]" multiple="multiple">
        <option value="AL">Alabama</option>
        ...
        <option value="WY">Wyoming</option>
    </select>

    <!-- Button trigger modal -->

</div>

在我的app.blade.php (master)中,我有这个

$(document).ready(function() {
    $('.js-example-basic-multiple').select2()
});

现在,当我运行我的应用程序时,出现此错误

caught TypeError: $(...).select2 is not a function
at HTMLDocument.<anonymous> (create:420)
at j (jquery.min.js:1197)
at k (jquery.min.js:1203)
  

在控制台网络中,同时加载了select2的js和CSS

我的代码有什么问题?

1 个答案:

答案 0 :(得分:1)

可能由于以下原因之一:

  • 您的select2 JS未添加到正确的位置,就像您需要在jQuery之后添加
  • 其他JS脚本可能抛出错误,导致所有其他JS脚本中断
  • 您的jQuery版本与select2 jQuery插件不兼容
  • 您可能为不同的jQuery插件添加了多个jQuery