时间戳

首页 > 解决方案 > JQuery下拉菜单与Bootstrap 4串联，子元素不扩展

jquery - JQuery下拉菜单与Bootstrap 4串联，子元素不扩展

问题描述

看看这个JSfiddle。

正如预期的那样，根菜单在鼠标悬停时展开。但子项目没有。

如果您<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css"/>从 - 部分中删除<head>，它确实会起作用。

是什么导致了这种冲突，如何解决？

标签： jquerycsstwitter-bootstrap

解决方案

替换您的 jQuery 类，如下所示： 

$(function(){
        $('ul#menu li').hover(function(){
            //$('#drop' , this).css('display','block');
             $(this).children('ul').show();
        }, function(){
             $(this).children('ul').hide();
        });
    });

推荐阅读