我正在尝试为我的网页调用 Bootstrap 插件。
这就是我所说的插件:
当我像这样从我的 html 文件调用插件时:
<html>
<head></head>
<body>
<select class="selectpicker show-tick" id="tag" ata-style="btn-primary">
<option>stocks</option>
<option>bank</option>
<option>card</option>
</select>
<script type="text/javascript">
$(window).on('load', function () {
$('.selectpicker').selectpicker('hide');
});
</script>
</body>
</html>
输出没问题;选择框带有所有加载的 CSS,如上面的链接所示。
但是,当我从 JS 文件动态创建框时,选择框显示为没有任何效果的普通选择框。
var selectElement1_act = document.createElement("select");
selectElement1_act.setAttribute("class", "selectpicker");
如有任何帮助,我们将不胜感激。
最佳答案
这是因为您在 window
加载事件上调用该函数,当动态创建元素时,它们不一定存在于此时的 DOM 中。
由于您使用的是 jQuery,因此最好在 JS 文件中使用以下代码:
$(function() {
var selectPicker = $('<select class="selectpicker" />');
selectPicker.appendTo('body');
selectPicker.selectpicker('hide');
});
关于javascript - 无法从 javaScript 调用 Bootstrap 插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23422560/