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

Mah*_*avi 11 bootstrap-select bootstrap-5

我想使用“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

小智 14

使用以下版本的选择器

https://github.com/snapappointments/bootstrap-select/archive/v1.14.0-beta2.zip

  • 这意味着 `bootstrap` &lt;=&gt; `bootstrap-select` 不能“协同工作”,所以它基本上要么是 bootstrap/popper 版本调整,要么是 bootstrap-select 版本调整...... (2认同)