Question

嗨，这是使用Twitter Bootstrap 2.3.2我有一个表单设置，在下拉列表的右侧有一个复选框。这个想法是，如果用户单击复选框，它将隐藏下拉列表并显示一个新的输入字段，以便用户可以输入新的位置标题。

单击该复选框时，它会隐藏带有标签的div和包含下拉列表的div。带有新输入标签的div确实会显示，但表单的下一行会被移位。

http://jsfiddle.net/mwoods98/sdcs3gka/3/

另外一个奇怪的事情是我将第二个隐藏的div设置为.hide（）但是它仍然在加载时可见但在页面加载时，你仍然可以看到它一小段时间。

                            $(function () {
                            $('#NewPositionDiv').hide();
                            $('#NewlabelPosTitle').hide();
                            $('#fcbNewPos').change(function () {
                                if ($('#fcbNewPos').is(':checked')) {
                                    $('#PositionDiv').hide();
                                    $('#labelPosTitle').hide();
                                    $('#NewPositionDiv').show();
                                    $('#NewlabelPosTitle').show();
                                    $('#NewPositionName').focus();
                                } else {
                                    $('#PositionDiv').show();
                                    $('#NewPositionDiv').hide();
                                    $('#NewlabelPosTitle').hide();
                                }
                                    }).change();
                                });

这是隐藏div的JS代码。

提前致谢！

Answer 1

好的我已经将替换DIV的控件类添加了clearfix似乎做了修复。

如何阻止表单字段在Bootstrap表单中移动

1 个答案: