引导开关不用于动态创建的复选框，输入

Question

工作，我有以下脚本的组合： jQuery的，引导，近代化，json2html。

调用类似：

<script> 
    $('#my01Switch').bootstrapSwitch({ 
      onText: 'ON', 
      offText: 'OFF', 
      size: 'large', 
      onColor: 'success', 
      offColor: 'warning', 
      labelText: '*' 
     }); 
    </script> 

正好结束标记之前，于：

<input name="my01Switch" id="my01Switch" data-toggle="switch" checked="" type="checkbox"> 

上面是动态生成的输入的标签。

请大家帮忙。

Answer 1

检查文档是否准备就绪，你执行自举开关插件之前：

$(document).ready(function() { 
    //Code 
}); 

更新开关复选框代码：

添加类的复选框

<input name=\"my01Switch\" id=\"my01Switch\" type=\"checkbox\" data-toggle=\"switch\" checked=\"true\" class=\"custom-box\"/> 

更新JS代码：

function renderRooms(json) 
{ 
    if (json !== undefined) { 

     //..... 

     //$('#roomBoxWrap').json2html(json, transforms.theRoom); 
     $('#form-nav').json2html(json.rooms, transforms.menurooms); 
     $('#title_room_name').append(getRoomName(json)); 

     //After the rooms are loaded 
     $('.custom-box').bootstrapSwitch(); 
    } 
}