时间戳

首页 > 解决方案 > 如何在 laravel 中实现 select2

javascript - 如何在 laravel 中实现 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 都已加载

我的代码有什么问题？

标签： javascripthtmllaravellaravel-5jquery-select2

解决方案

可能是由于以下原因之一：

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

推荐阅读