我正在document.ready上成功初始化一个bootstrap-select控件,但如果我把它放在setTimeout中,我的所有选项都会被忽略,而是使用默认选项。我已经尝试通过selectpicker js代码进行调试,但我无法弄清楚为什么这种行为会有所不同。请注意我确实看到了一个非常相似的问题,但它从未成功回答(Bootstrap-Select plugin not working with time consuming page load)。
这是我的JS代码:
$(document).ready(function () {
...display code
setTimeout(function () {
$('#mySelect').selectpicker({
container: 'body',
actionsBox: true,
liveSearch: true,
maxOptions: 16,
noneSelectedText: 'Sites',
selectedTextFormat: 'count>0'
});
...more display code
}, 100);
});
如果我删除了setTimeout,则selectpicker会显示代码中列出的选项,但如果我离开setTimeout,则只使用默认选项。有没有人知道为什么会这样,以及如何在setTimeout中调用它时使用正确的选项?