使用js加载导航栏，然后使用js激活导航栏中的下拉菜单

Question

我正在尝试为每个html页面加载NavBar，而不是将其复制并粘贴到多个html页面中。这工作正常，但是我还有另一个功能来在悬停时激活NavBar的下拉菜单，此功能不起作用。我如何让它工作？

HTML：

<div id="nav"></div>

JS：

$(document).ready(function(){

// Loading NavBar
$("#nav").load("nav.html");


// Activating dropdown menu
$(".top-nav-item").hover(            
    function() {
        $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true);
        $(this).toggleClass('open');        
    },
    function() {
        $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true);
        $(this).toggleClass('open');       
    }
);

});

Answer 1

您可以使用：

dropDownMenu.onmouseover = function() {codeToOpenDropDownMenu};

关闭：

dropDownMenu.onmouseout = function() {codeToCloseDropDownMenu};