Jquery 使用引导下拉菜单打开下拉菜单时模糊背景并作出反应

我正在react中使用“^1.5.2”“react引导”：。 当下拉列表打开时，我想模糊除下拉列表之外的所有内容，但是

：not

选择器不可用 工作和应用模糊时，下拉列表也会变得模糊，这是我不想要的

const openedDropdowns = $('.dropdown .show')
                if (openedDropdowns.length > 0) {
                    $('body>:not(.dropdown-menu.show>*)').css({
                        '-webkit-filter': 'blur(5px)',
                        '-moz-filter': 'blur(5px)',
                        '-o-filter': 'blur(5px)',
                        '-ms-filter': 'blur(5px)',
                        'filter': 'blur(5px)'
                    })
                }
                else
                    $('body>*').css({
                        '-webkit-filter': 'none',
                        '-moz-filter': 'none',
                        '-o-filter': 'none',
                        '-ms-filter': 'none',
                        'filter': 'none'
                    })

---

谁能告诉我这段代码有什么问题。

我不确定你的标记是什么样子的，但我会这样做

您的

下拉列表打开时必须有一个侦听器。所以它最终会看起来像这样

此外，我会将所有想要模糊的内容包装在一个容器中。我的示例使用

这有用吗


consttoggledropdown=$（“button.toggle”）；
常量下拉菜单=$（“.dropdown menu”）；
const mainContent=$（“main.content”）；
切换下拉菜单。单击（函数（）{
下拉列表。切换类别（“显示”）；
if（dropdown.hasClass（“show”））{
mainContent.css({
“-webkit过滤器”：“模糊（5px）”，
“-moz过滤器”：“模糊（5px）”，
“-o-过滤器”：“模糊（5px）”，
“-ms过滤器”：“模糊（5px）”，
过滤器：“模糊（5px）”
});
}否则{
mainContent.css({
“-webkit筛选器”：“无”，
“-moz筛选器”：“无”，
“-o-过滤器”：“无”，
“-ms筛选器”：“无”，
过滤器：“无”
});
}
});
。下拉菜单{
宽度：100%；
背景：浅蓝色；
填充：20px 12px；
}
主要内容{
过渡：.2s；
}

切换下拉列表
假下拉菜单

Lorem ipsum dolor sit amet，是一位杰出的献身者。整数nec odio。自由女神。这是一个直径较大的曲线。塞德·尼西。nibh elementum的Nullaquis sem。同侧矢状肌。普拉森特·莫里斯。他告诉我们，这是奥古斯特·森佩尔·波尔塔。毛里斯·马萨。前庭短弧。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。libero的Curabitur sodales ligula。拉齐尼亚·努克阁下

库拉比图侵权人。佩伦茨克笔尖。埃尼安·夸姆。在多洛的权杖扫描电镜中。梅塞纳斯·马蒂斯。Sed convallis tristique sem。在门的舌苔上。摩比·莱索斯、艾库利斯·维尔、苏西皮特·奎斯、卢克图斯·农、马萨。长舌苔。同侧毛里斯。我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们。奎斯克·沃里帕特调味品维利特。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：

Nam nec ante。拉齐尼亚，马蒂斯，托托·内克·阿迪皮斯，一个前脚印。无便利。弗林利亚大学。潜力悬钩子。我的食物太多了。前庭智人。普罗因奎姆。艾蒂亚姆乌尔特里斯酒店。Suspendisse位于justo eu magna luctus suscipit。塞德·莱克托斯

整数euismod lacus luctus magna。奎斯克·库苏斯（Quisque cursus）、法雷特拉拍卖行（metus vitae pharetra auctor）、马萨·马蒂斯拍卖行（sem massa mattis sem）在奥古斯特钻石国际拍卖行（interdum magna augue eget diam）。虎口浮雕和肘部浮雕同侧前庭；莫比·拉齐尼亚·莫莱斯蒂酒后驾车。普拉森特·布兰迪特·多洛。我不知道。在我的世界里，有一种元素。同侧的Morbi坐在amet pede facilisis laoreet。Donec lacus nunc，viverra nec，blandit vel，egestas et，augue。马蹄莲前庭。Ut ultrices ultrices enim。库拉比图坐在阿梅特莫里斯。酒后驾车中的Morbi是ullamcorper。无便利。整粒紫罗兰

克拉斯·梅特斯。他是一个侵权人。整数id quam。莫比·米。奎斯克·尼斯·费利斯，威尼斯人特里斯蒂克，德高望重，奥古斯都，奥古斯都。在sodales libero eget ante。纳拉奎姆。埃尼安·拉奥里特。鼻前庭、commodo ac、facilisis ac、ultricies eu、pede。奥奇·里苏斯，阿库姆桑·波特托，库苏斯·奎斯，阿利奎特·埃吉特，胡斯托。塞德·普莱蒂姆·布兰迪·奥奇。在pede suscipit sodales的Ut eu直径。艾尼安·莱克特斯精英，无酵素，无酵素，无酵素，无酵素，无酵素，无酵素

纳拉姆·莫里斯·奥奇、阿利奎特·艾库利斯·艾库利斯、维韦拉·维塔伊、利古拉。在purus aliquam饮食中的nullautfelis。梅塞纳斯·阿利奎特·莫利斯·莱克图斯。责任和侵权人的生活。Lorem ipsum dolor sit amet，是一位杰出的献身者。整数nec odio。自由女神。这是一个直径较大的曲线。塞德·尼西。nibh elementum的Nullaquis sem。同侧矢状肌

普拉森特·莫里斯。他告诉我们，这是奥古斯特·森佩尔·波尔塔。毛里斯·马萨。前庭短弧。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。libero的Curabitur sodales ligula。拉齐尼亚·努克阁下。库拉比图侵权人。佩伦茨克笔尖。埃尼安·夸姆。在多洛的权杖扫描电镜中

梅塞纳斯·马蒂斯。Sed convallis tristique sem。在门的舌苔上。摩比·莱索斯、艾库利斯·维尔、苏西皮特·奎斯、卢克图斯·农、马萨。长舌苔。同侧毛里斯。我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们。奎斯克·沃里帕特调味品维利特。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。Nam nec ante。拉齐尼亚，马蒂斯，托托·内克·阿迪皮斯，一个前脚印。无便利

弗林利亚大学。潜力悬钩子。我的食物太多了。前庭智人。普罗因奎姆。艾蒂亚姆乌尔特里斯酒店。Suspendisse位于justo eu magna luctus suscipit。塞德·莱克托斯。整数euismod lacus luctus magna。奎斯克·库苏斯（Quisque cursus）、法雷特拉拍卖行（metus vitae pharetra auctor）、马萨·马蒂斯拍卖行（sem massa mattis sem）在奥古斯特钻石国际拍卖行（interdum magna augue eget diam）。虎口浮雕和肘部浮雕同侧前庭；莫比·拉齐尼亚·莫莱斯蒂酒后驾车。普拉森特·布兰迪特·多洛

我不知道。在我的世界里，有一种元素。同侧的Morbi坐在amet pede facilisis laoreet。Donec lacus nunc，viverra nec，blandit vel，egestas et，augue。马蹄莲前庭。Ut ultrices ultrices enim。库拉比图尔西塔姆酒店