bootstrap switch使用问题

发布于 2022-09-05 19:32:16 字数 2845 浏览 6 评论 0

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

$('#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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文