javascript - select2.js 未显示结果,如 Django 示例
问题描述
我想让 Select2.js 与 Django 一起工作。有django-select2
可用的,但对于我正在做的事情,作者建议我使用本机 Select2。
我在这里指的是基本代码示例https://select2.org/getting-started/basic-usage
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--Select2.js-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js"></script>
<select class="js-example-basic-multiple" multiple="multiple" name="lv0">
<option value="US">US</option>
<option value="UK">UK</option>
</select>
<script type="text/javascript">
$(document).ready(function() {
$('.js-example-basic-multiple').select2({
placeholder: 'Select an Lv0'
});
});
</script>
但是,我只得到下面。
控制台日志如下。我不确定是不是因为未加载 select2 文件?我将它们添加到项目的 bower_components 文件夹中,但无法使用本地路径成功引用它们,因为错误显示找不到文件。
jquery.min.js:2 jQuery.Deferred exception: $(...).select2 is not a function TypeError: $(...).select2 is not a function
at HTMLDocument.<anonymous> (http://localhost:8000/test3:45:37)
at l (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29375)
at c (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29677) undefined
w.Deferred.exceptionHook @ jquery.min.js:2
jquery.min.js:2 Uncaught TypeError: $(...).select2 is not a function
at HTMLDocument.<anonymous> (test3:45)
at l (jquery.min.js:2)
at c (jquery.min.js:2)
我在这里想念什么?谢谢。
解决方案
只是推迟select2。
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js" defer></script>
推荐阅读
- sql - 创建一个班次摘要,班次跨越 2 天
- python - 在特定条件下合并两个 Pandas DataFrame
- c# - 使用 C# .NET Core 2.1 查询 DynamoDB GSI 时出错
- vue.js - vue-chartkick npm 包中的 geochart 库问题
- javascript - 如何使用 jquery 通过其属性获取元素?
- android - 如何在 Android 中创建一个像 Viber(或类似 facebook meesenger 的东西)中的头部气泡?
- c# - 使用 Amazon.AspNetCore.Identity.Cognito 时有什么方法可以解决 ConfirmEmailAsync(TUser user, string token) NullReferenceException?
- python - 我怎样才能一次将所有变量返回到 to_html() ?
- xaml - 连接来自 Xamarin.Forms 的 XAML 绑定中的变量的字符串
- python - 使用 bs4 从 Bloomberg 提取数据时出现问题