bootstrap-select javascript实例化不创建对象

Question

似乎如果我通过 Javascript / jQuery 创建 select 和选项字段，它不会为新创建对象 selectpicker 实例创建的对象。在文档中我找不到如何强制实例化。

这是我的代码的样子：

$(document).ready(function() {
    var content = $('<select class="selectpicker">'
    +'<option>STRING</option>'
    +'</select>');
    content.find('.selectpicker').selectpicker();
});

这是我从浏览器得到的错误：

TypeError: $(...).selectpicker is not a function


content.find('.selectpicker').selectpicker();

包含都是正确的，使用它嵌入到正常的 HTML 代码中是有效的。

有人已经被这个问题困扰了吗？

Answer 1

确保 bootstrap-select.min.js 添加在 jquery 之后但在您的代码之前。

删除 find 因为内容是 select

var content = $('<select class="selectpicker">'
+'<option>STRING</option>'
+'</select>');
content.selectpicker();

bootstrap-select javascript实例化不创建对象

bootstrap-select javascript instantiation does not create object

javascript

jquery

twitter-bootstrap

bootstrap-select