Javascript 如何瞄准Jquery注入的Nav

我使用jquery从nav.html文件加载导航，这样我就不必在每次页面更新时都对其进行更新

我试图使加载的nav中的元素在某些页面上处于活动状态，它仅在nav硬粘贴到页面的html中时有效，但从nac-content.html文件加载时无效

我确实注意到，当我在浏览器上查看源代码时，它实际上并没有粘贴到html中，但仍然显示它，我认为这是断开的，但我不是100%。不确定我是否应该寻找不同的方式来加载它，或者我的jquery是否是问题所在

如有任何见解，将不胜感激

HTML:

---

你可以这样做

$(document).ready(function () {
    // DOM has been parsed

    $.get("your/url", function (data) {
        var $navContainer = $("#sidebar-content");
        $navContent = $(data); // build a jQuery object from your html markup
        // do your updates using the find method of jQuery objects
        $navContent.find("ul#devSubmenu").removeClass("collapse");
        // ...

        $navContainer.append($navContent); // assuming the container is empty.
    });
});

---

window.onLoad

在

$（文档）就绪后执行

你可以用

document.addEventListener("DOMContentLoaded", function(event) {
  $.get("nav-content.html", function(data){
        $("#sidebar-content").html(data);
    })
});

$(document).ready(function () {
    // DOM has been parsed

    $.get("your/url", function (data) {
        var $navContainer = $("#sidebar-content");
        $navContent = $(data); // build a jQuery object from your html markup
        // do your updates using the find method of jQuery objects
        $navContent.find("ul#devSubmenu").removeClass("collapse");
        // ...

        $navContainer.append($navContent); // assuming the container is empty.
    });
});

document.addEventListener("DOMContentLoaded", function(event) {
  $.get("nav-content.html", function(data){
        $("#sidebar-content").html(data);
    })
});