创建动态引导切换按钮时出错

Question

我有一些 Bootstrap 切换按钮，我不希望它们是静态的。我想在运行时加载它们。这是我使用的html代码

<a>

Test-Title

<input checked data-onstyle="success"

       data-toggle="toggle" id="myToggleID" onchange="toggleElement(this.id)"

       type="checkbox">

</a>

我怎么能在javascript中实现上面的内容？我试过了

var input = $('input[type="checkbox"]').bootstrapToggle();

但我收到以下错误

未捕获的类型错误：$(...).bootstrapToggle 不是函数

我看了几个问题，但还没有设法解决问题。

Answer 1

向下滚动到显示“通过 JavaScript 初始化”的位置它使用 JavaScript IIFE 函数设置 id="toggle-one" 复选框的 data-toggle 属性。确保在 IIFE 之前加载 bootstrapToggle 脚本。

Answer 2

对于遇到同样问题的任何人，该错误的原因是因为我在导入 jQuery 之前导入了引导程序 javascript。