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);
}
}
});
}
}
})
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论