在加载

时间:2017-01-10 07:25:08

标签: javascript jquery html css select2

我一直在努力解决这个问题以及如何解决这个问题。

基本上,使用标准的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;弹出"在你的页面上。

0 个答案:

没有答案