【问题标题】:Select2 not follow the select when in bootstrap modal scrollSelect2 在引导模式滚动时不跟随选择
【发布时间】:2016-12-09 11:51:49
【问题描述】:

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

before scroll

after scroll

【问题讨论】:

    标签: modal-dialog bootstrap-modal select2


    【解决方案1】:

    我一直在寻找同样的问题,但没有找到任何有用的答案,所以我自己做了。 可能不是最好的,但它解决了我的问题。

    我创建了一个在“模式”内滚动时触发的事件,该事件将 select2 项附加到其父项,然后它们位于其新位置。

    $('#exampleModal').on('scroll', function (event) {
      $(this).find(".select2").each(function () {
        $(this).select2({ dropdownParent: $(this).parent() });
      });
    });
    

    https://jsfiddle.net/CrlsFR/oxfL8abt/

    【讨论】:

    • 太棒了!n但是如果打开下拉菜单,滚动就会被锁定
    猜你喜欢
    • 1970-01-01
    • 2018-12-23
    • 1970-01-01
    • 1970-01-01
    • 2013-08-31
    • 2015-05-01
    • 1970-01-01
    • 2014-01-17
    • 1970-01-01
    相关资源
    最近更新 更多