bootstrap中下拉菜单如何通过鼠标移入事件触发？

Question

如题，希望通过鼠标移入事件触发bootstrap中的下拉菜单

Answer 1

获取此元素，然后给这个元素添加事件就可以了

Answer 2

补个截图给你

Answer 3

完美解决

$(".ms-dropdown").mouseover(function () {

                $(".dropdown").addClass('open');

            });

            $(".ms-dropdown").mouseleave(function () {

                $(".dropdown").removeClass('open');

            });

            $('.dropdown-menu').mouseover(function () {

                $(".dropdown").addClass('open');

            });

            $('.dropdown-menu').mouseleave(function () {

                $(".dropdown").removeClass('open');

            });

Answer 4

不小心发现给你的有个bug，就是没法选择菜单项了。

Answer 5

这是在慕课网bootstrap里教学视频【玩转Bootstrap(基础)】5-1添加你要的效果的测试： 测试 （不知道链接能不能用）