无法从javaScript调用引导程序插件_Javascript_Jquery_Html_Css_Twitter Bootstrap

无法从javaScript调用引导程序插件

javascript jquery html css twitter-bootstrap

无法从javaScript调用引导程序插件,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在尝试为我的网页调用引导插件这就是我所说的插件：当我从html文件中调用插件时，如下所示： <html> <head></head> <body> <select class="selectpicker show-tick" id="tag" ata-style="btn-primary"> <option>stocks</option> <option&

我正在尝试为我的网页调用引导插件

这就是我所说的插件：

当我从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>

任何帮助都将不胜感激。

这是因为您在

窗口

加载事件上调用函数，当动态创建元素时，它们不一定存在于DOM中

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

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

$（函数（）{
变量选择器=$（''）；
选择器picker.appendTo（'body'）；
selectPicker.selectPicker（'hide'）；
});

您能把演示页放在一起吗？

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