我一直在努力解决这个问题以及如何解决这个问题。
基本上,使用标准的select2()框,在加载页面时,选择框从一个稍大一些的小框开始,然后将其自身调整为较小的框。
我遇到了这个问题,如果你看一下https://select2.github.io/examples.html
您会在几个示例中看到这种情况(至少使用Chrome)
我无法合理地重现此错误并使用超级标准
$('#myselect').select2();
有没有人可以给我一些想法,为什么以及何时会发生这种调整?
编辑:
我发现这个问题与它从Bootstrap样式开始,然后select2为它添加类,从而改变了输出的格式。
无论出于何种原因,尽管精心查看了计算出的css属性,但我仍然很难完全模拟select.form-control的css属性而没有select2与select2相同。
我非常喜欢上面的解决方案 - 在select2添加类之前和之后的select在视觉上是相同的。
但是现在,我已经创建了一个临时解决方案
在css中:
#myselect
{
display:none;
}
一旦select2完全加载了选择,它就会变得可见。
此解决方案的问题是,在加载页面时,栏会暂时不会立即显示,因此它看起来会像#34;弹出"在你的页面上。