Question

我正在尝试为我的网页调用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");

任何帮助都将不胜感激。

Answer 1

这是因为您在window load事件上调用了该函数，并且当动态创建元素时，它们不一定存在于DOM中。

由于您使用的是jQuery，因此最好在JS文件中使用以下代码：

$(function() {  
    var selectPicker = $('<select class="selectpicker" />');
    selectPicker.appendTo('body');
    selectPicker.selectpicker('hide');
});

无法从javaScript调用bootstrap插件

1 个答案: