为什么 Bootstrap 动态生成的元素没有 CSS 样式

[cbsw]

使用Bootstrap-switch，根据数据库中查询结果动态生成网页元素，其中用jQuery生成switch式按钮插入到页面，在js代码最后执行$(".switch").bootstrapSwitch()，但是只有页面原有的switch类会应用bootstrap-switch样式，新生成的就一光凸凸的checkbox而没有switch式按钮，何解？（以前用jquery ui时也出现过类似情况，奈何自己前端渣技能没解决）

[guchengf]

输出一下 $(".switch") 的结果，看看添加的那个按钮有没有被选择到

[FrankFang128]

审查元素

[cbsw]

@guchengf 有啊，添加按钮时我就加上 switch 类了
@FrankFang128 在Firebug的console中再执行一次$(".switch").bootstrapSwitch()就把样式应用上了，所以怀疑是这条语句执行顺序的问题，但改放到哪都不行

[guchengf]

@cbsw 加个timeout?

[catoncat]

把$(".switch").bootstrapSwitch()写在你生成内容的function里面

[cbsw]

@guchengf @crs0910 经排查应该是我根据ajax查询的数据生成switch button，而ajax是异步的，在取到数据前$(".switch").bootstrapSwitch()已经执行过了，所以或许我应该把这条语句放在$.getJSON()的回调函数中执行

[cbsw]

果然如此,多谢各位V友，如下搞定，
$.getJSON(url,function(data){
//generate switch buttons;
$(".switch").bootstrapSwitch();
});