Question

我遇到了通过ajax注入Bootstrap组件的问题。当我添加例如一个选择，我使用这行代码：

<select class="selectpicker" data-width="75%">

许多HTML代码都是通过javascript生成的，请参阅：http://silviomoreto.github.io/bootstrap-select/

所以，当我尝试注入代码时，例如提交表格后：

    $('#xForm').submit(function(event) { 
       var _select = '<select class="selectpicker" data-width="75%">';
       $("#data").append(_select);
    });

元素将被添加到DOM中，而不像上面那样进行转换。如何重新调用函数，在页面加载后在selectpicker周围创建整个代码？

我希望你知道我的意思。

谢谢！

顺便说一句：在jQueryMobile上它可以使用 $（_ select）.appendTo（“＃data”）。触发器（'创建'）; - 很遗憾在Bootstrap上没有！

Answer 1

尝试

通过JavaScript启用Bootstrap-Select：$(el).selectpicker()

$('#xForm').submit(function (event) {
    var _select = '<select class="selectpicker" data-width="75%">';
    $(_select).selectpicker().appendTo("#data");
});

通过ajax注入Bootstrap组件

1 个答案: