bootstrap switch使用问题

点击按钮就加一个开关按钮
可是我生成一个开关后 我之前的开关就没了动态效果 只存在样式,只有当前生成的开关有完整的效果 是什么问题

$('#newTag').on('click', function () {
            var length = $(this).parent().siblings('table').find('td').length,
                a = length % 3,
                b ,
                c = $('#tagName').val(),
                d = /^[\s]*$/,
                table = $(this).parent().siblings('table'),
                nowId = parseInt(table.find('tr:last-child td:last-child .my-checkbox_2').attr('value').replace(/tag_/,'')),
                times = 0;
            if( d.test(c) ){
                return false;
            }else{
                times++;
                nowId += times;
                if(a === 0){
                    b = '<tr>\n' +
                        '                        <td>\n' +
                        '                            <input class="my-checkbox_2" id="switch'+nowId+'" type="checkbox" name="my-checkbox4" value="tag_'+nowId+'">\n' +
                        '                            <input type="text" class="form-control" maxlength="8" value='+c+'>\n' +
                        '                        </td>\n' +
                        '                    </tr>';
                    table.html(table.find('tbody').html()+b);
                    table.find('#switch'+nowId).bootstrapSwitch({
                        size: 'mini',
                        onSwitchChange:function(event,state){
                            if(state==true){
                                $(this).prop('checked',true);
                            }else{
                                $(this).prop('checked',false);
                            }
                        }
                    });
                }else{
                    b = '<td>\n' +
                        '                            <input class="my-checkbox_2" id="switch'+nowId+'"  type="checkbox" name="my-checkbox4"  value="tag_'+nowId+'">\n' +
                        '                            <input type="text" class="form-control" maxlength="8" value='+c+'>\n' +
                        '                        </td>';
                    table.find('tr:last-child').html(table.find('tr:last-child').html() + b);
                    table.find('#switch'+nowId).bootstrapSwitch({
                        size: 'mini',
                        onSwitchChange:function(event,state){
                            if(state==true){
                                $(this).prop('checked',true);
                            }else{
                                /* $(this).val("2");*/
                                $(this).prop('checked',false);
                            }
                        }
                    });
                }
            }
        })
阅读 2.7k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏