Question

我遇到了一个很奇怪的问题，我目前正在使用Laravel 5构建应用程序，并且我在每个页面顶部的工具栏上使用Select 2插件。< / p>

选择2具有宽度功能，可以根据要附加的父选择框正确调整其大小，如“容器宽度”下的here所述。

我需要该元素始终与响应父级高度匹配，因此手动设置它不是一种选择。

问题是宽度设置不正确，除非我强制刷新页面。例如，如果我进行常规刷新，则选择框的宽度为93px，但它应该用作参考的父级为250px，那么如果我强制刷新，则它会正确设置到250px的宽度。

这与插件的加载和调用方式有关吗？

下面的代码

通过select 2 npm

添加了插件

已将其添加到我的app.js

 window.select2 = require('select2');

在我的app.js

中包含了一个外部js文件

$(document).ready(function(){
    //If the main tag on the page contains the users id
    if($('main').is('#users')){
        require('./pages/users/main');
    }
});

在页面顶部users/main文件中调用了插件

//Select 2 enable
$('#top-controls select').select2({
   width:'element'
});

我也尝试过不手动将元素的宽度设置为默认值，并且存在相同的问题。

可能是什么原因造成的？

选择2宽度，除非强制刷新，否则不会自动设置

0 个答案: