加载带有JS的Navbar，然后在Navbar中激活带有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};