小编Mah*_*avi的帖子

未捕获的类型错误:z.fn.dropdown 未定义

我想使用“bootstrap-select”创建一个简单的选择选项。我正在使用 bootstrap-select 创建我的选择器。

\n

我在控制台中看到此错误。

\n

错误

\n

超文本标记语言

\n
<!DOCTYPE html>\n<html lang="fa" dir="rtl">\n<head>\n    <meta charset="utf-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1">\n    <link rel="stylesheet" href="css/bootstrap.rtl.min.css">\n    <link rel="stylesheet" href="css/bootstrap-select.min.css">\n    <title>\xd9\x85\xd8\xaf\xdb\x8c\xd8\xb1\xdb\x8c\xd8\xaa</title>\n    <style>\n        * {\n            font-family: Tahoma;\n        }\n    </style>\n</head>\n<body>\n<div class="container mt-5">\n    <div class="row">\n        <div class="col-lg-6">\n            <div class="form-group">\n                <label for="lang">\xd8\xb2\xd8\xa8\xd8\xa7\xd9\x86</label>\n                <select id="lang" name="lang" class="form-control">\n                    <option value="1">\xd9\x81\xd8\xa7\xd8\xb1\xd8\xb3\xdb\x8c</option>\n                    <option value="2">\xd8\xb9\xd8\xb1\xd8\xa8\xdb\x8c</option>\n                    <option value="3">\xd8\xa7\xd9\x86\xda\xaf\xd9\x84\xdb\x8c\xd8\xb3\xdb\x8c</option>\n                </select>\n            </div>\n        </div>\n    </div>\n</div>\n\n<script src="js/bootstrap.bundle.min.js"></script>\n<script src="js/jquery-3.6.0.min.js"></script>\n<script src="js/bootstrap-select.min.js"></script>\n<script src="js/defaults-fa_IR.min.js"></script>\n<script>\n    $(\'#lang\').selectpicker();\n</script>\n</body>\n</html>\n
Run Code Online (Sandbox Code Playgroud)\n

我怎样才能实现这个目标?

\n

bootstrap-select bootstrap-5

11
推荐指数
1
解决办法
3890
查看次数

如何在 bootstrap 版本 5 中导入 bootstrap-select?

我想使用“bootstrap-select”创建一个简单的选择选项。我正在使用 bootstrap-select 创建我的选择器。

\n

我在控制台中看到此错误

\n

错误

\n
<!DOCTYPE html>\n<html lang="fa" dir="rtl">\n<head>\n    <meta charset="utf-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1">\n    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.rtl.min.css">\n    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">\n    <title>\xd9\x85\xd8\xaf\xdb\x8c\xd8\xb1\xdb\x8c\xd8\xaa</title>\n    <style>\n        * {\n            font-family: Tahoma;\n        }\n    </style>\n</head>\n<body>\n<div class="container mt-5">\n    <div class="row">\n        <div class="col-lg-6">\n            <div class="form-group">\n                <label for="lang">\xd8\xb2\xd8\xa8\xd8\xa7\xd9\x86</label>\n                <select id="lang" name="lang" class="form-control">\n                    <option value="1">\xd9\x81\xd8\xa7\xd8\xb1\xd8\xb3\xdb\x8c</option>\n                    <option value="2">\xd8\xb9\xd8\xb1\xd8\xa8\xdb\x8c</option>\n                    <option value="3">\xd8\xa7\xd9\x86\xda\xaf\xd9\x84\xdb\x8c\xd8\xb3\xdb\x8c</option>\n                </select>\n            </div>\n        </div>\n    </div>\n</div>\n<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>\n<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"\n<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>\n<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/i18n/defaults-*.min.js"></script>\n<script>\n    $(\'#lang\').selectpicker();\n</script>\n</body>\n</html>\n
Run Code Online (Sandbox Code Playgroud)\n

我怎样才能实现这个目标?

\n

bootstrap-select bootstrap-5

6
推荐指数
2
解决办法
4万
查看次数

标签 统计

bootstrap-5 ×2

bootstrap-select ×2