jquery Select2搜索输入在bootstrap5上不起作用

sqxo8psd 于 2023-08-04 发布在 jQuery

关注(0)|答案(2)|浏览(141)

我无法点击搜索输入下拉列表。首先，我已经谷歌过了，这是select 2与bootstrap 3或bootstrap 4的常见问题，但是对于bootstrap 5，它有点不同（我尝试在bootstrap 4上删除z索引及其工作），我已经尝试了z-index，$.fn.modal.Constructor.prototype.enforceFocus = function() {};，$('#mySelect2').select2({ dropdownParent: $('#myModal') });和几个css等解决方案，但仍然无法工作。
也许我错过了什么我不知道，它已经像4天，希望你们能帮助我。
这里是jsFiddle：jsfiddle

jquery

来源：https://stackoverflow.com/questions/72604784/select2-search-input-not-working-on-bootstrap5

2条答案

按热度按时间

50pmv0ei1#

真的不知道为什么，但dropdownParent将修复它。

$('.select2').each(function () {
    $(this).select2({
        theme: 'bootstrap-5',
        dropdownParent: $(this).parent(),
    });
});

字符串

赞(0）回复(0）举报 2023-08-04

zbsbpyhn2#

在我的例子中，选择显示在一个对话框模态表单上。
当我删除modal=true然后它工作

赞(0）回复(0）举报 2023-08-04

我来回答

jquery Select2搜索输入在bootstrap5上不起作用

2条答案

相关问题

热门标签

最新问答