Javascript 滑动切换导航仅适用于主页

有关地点：

对于我的移动导航，我使用以下脚本将其打开/关闭：

$(document).ready(function(){
/* toggle nav */
$("#menu-icon").on("click", function(){
    $(".nav").slideToggle();
    $(this).toggleClass("active");
    $("#menu-icon img").toggleClass("rotate");
});
});

---

这在主页上运行良好，但在内部页面上不会切换，当搜索和查看结果时，整个导航将消失。我正在使用一个条件标记在内部页面上加载一个单独的nav，不确定这是否是问题所在。

您的smoothscroll.js抛出一个错误，这可能会阻止其余javascript的执行：

Uncaught TypeError: Cannot read property 'top' of undefined

---

当它搜索一个id“#work”时会发生这种情况，该id似乎丢失了

我看到了那个错误，但认为它是无关的，我似乎找不到它在哪里寻找“#work”？smoothscroll在锚链接上循环，在你的例子中，id为“work”的锚丢失了，因此，smoothscroll不知道滚动到哪里并抛出该错误我实际上使用了另一个条件标记，除了主页之外，不在任何地方加载smoothscroll.js，因为这是我唯一使用它的地方。不确定这是否是目前最好的解决方案，但它似乎正在切换。谢谢仍然不确定手机导航是否会在搜索结果页面上完全消失，但我相信你的回答。