我的自动 header 和 javascript 在任何页面都不会关闭

Question

所以几天前，我遇到了一个小问题。我的网站有一个 header 普通菜单，我想用 javascript 使其自动化。当我尝试查找错误时，我发现了一个小问题，您可以在图片中看到：

我的菜单一直运行良好，但在我创建 javascript 代码后：

        <!-- header begin -->
    <div id="nav-placeholder">
        <script>
            $.get("nav.html", function(data) {
                $("#nav-placeholder").replaceWith(data);
            });

        </script>
    </div>
    <!-- header close -->

此代码使我的菜单从 nav.html 文件加载，最终确定。当我从 nav.html 加载我的菜单时，它不会很好地工作，但如果我在 index.html 文件中正常使用代码，它会很好地工作。

也许我错过了什么？仅在移动版本中发生，在我按汉堡菜单中的任何 link 后。

谢谢！

Answer 1

我的第一条评论：
您正在替换 nav-placeholder div 中的数据，这将替换脚本。因此，将脚本保留在 div.

之外

    <script>
        $.get("nav.html", function(data) {
            $("#nav-placeholder").replaceWith(data);
        });

    </script>

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

关于您的问题：
您正在从 nav.html 获取所有内容。因此，当您尝试从 nav.html 中加载内容时，它不会按预期工作。因此，复制 nav.html 并将其命名为 content.html 左右。然后在两个文件中使用 content.html。

注：
确保提供的路径正确

我的自动 header 和 javascript 在任何页面都不会关闭

My automatic header with javascript won't close in any page

html

javascript

header