modal-dialog - Select2 在引导模式滚动时不遵循选择

标签 modal-dialog bootstrap-modal select2

我打开了一个引导模式对话框滚动。并在里面选择2。当我向下滚动并打开选择时,选择框不跟随选择父级。
图片

before scroll

after scroll

最佳答案

我一直在寻找同样的问题,但没有找到任何有用的答案,所以我自己做了一个。
可能不是最好的,但它解决了我的问题。
我创建了一个在“模态”内滚动时触发的事件,该事件将 select2 项目附加到其父项,然后处于其新位置。

$('#exampleModal').on('scroll', function (event) {
  $(this).find(".select2").each(function () {
    $(this).select2({ dropdownParent: $(this).parent() });
  });
});
https://jsfiddle.net/CrlsFR/oxfL8abt/

关于modal-dialog - Select2 在引导模式滚动时不遵循选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41059860/

相关文章:

Android:如何获得模态对话框或类似的模态行为?

javascript - 如何在页面加载时仅显示一次 Angular 引导模式?

AngularJS 单击按钮时打开模式对话框

html - Bootstrap - 背景颜色为流体的非流体容器和行

binding - Aurelia + Select2 自定义元素未传播选定更改

select2 - 如何在 select2.js v.4.0.0+ 中使用匹配器?

html - 带有 Javascript 的 HTML 和 CSS 模式图像

.net - 在 winforms 中丢弃 ui 事件的简单解决方案?

button - 在 data-toggle 中设置两个元素,modal 和 popover

jquery-select2 - 如何动态调整 select2 输入的大小,使其与所选选项的宽度相同?