JavaScript DIV编辑会破坏其他元素的功能

因此，我的网站是使用一家名为Inksoft的公司软件建立的，这使得我在定制方面几乎没有什么工作可做。所以我必须做很多变通的方法

页面顶部的标题现在只有两个链接。产品与设计工作室。我的目标是添加一个关于我们的链接和买家指南的标题以及

我无法使用Inksoft的后端向标题添加新内容。因此，我编写了一个变通方法来替换标题中现有DIV的内容，并将其链接到我希望它们去的地方

唯一的问题是，当实现此功能时，响应式移动导航将失去功能

通过使用以下代码，测试页面的顶部标题中添加了“关于我们”：

<script>
  $("#header-nav-designs").html('<document.write="<li id="header-nav-studio"><a href="/LiveCustom/Stores/Page/1000023/About_Us"><font color="#000000">About Us</font></a></li>');
</script>

因此，一个简化的问题是：如何实现这段代码而不丢失导航栏的响应功能？

jQuery.html函数将替换目标元素中的html。如果只想附加一个值，则可能需要将.append附加到元素

---

此外，您没有将HTML设置为有效的HTML字符串。您可能只想去掉代码所指的元素id标题nav设计，在第170行有CSS样式：

#header-nav-designs {display:none;}

元素将被隐藏，页面将显示为元素不存在。带显示：无

如果我理解正确，您的代码选择器指向错误的元素id。它应该指向$.header nav>ul。jQuery中不需要Document.write，您只需要提供一个有效的html字符串作为参数

jQueryHTML函数擦除元素内部准备就绪的html，并将其替换为作为参数给定的html字符串。若您想添加更多html，但不想删除元素中的allready，则必须使用append

$(".header-nav > ul").append('<li><a href="/link1"><font color="#000000">About Us</font></a></li>');
$(".header-nav > ul").append('<li><a href="/link2"><font color="#000000">Buyers Guide</font></a></li>');

---

我在javascript的控制台中看到了一个错误，您试图向ID为divID的元素添加“额外内容”，但它不存在。尝试删除该功能，看看功能是否恢复您是否也将其注入移动导航包裹部分？这并不能回答问题。添加新HTML后，汉堡菜单功能消失。但我同意他应该把文件处理掉。write@VincentNguyen可能就像我说的，他正在用无效的html替换html，而不是在菜单中添加元素。这将导致所看到的内容。使用.after进行编辑非常有效！如图所示：我只需要做一些悬停和字体编辑。非常感谢你！

#header-nav-designs {display:none;}

$(".header-nav > ul").append('<li><a href="/link1"><font color="#000000">About Us</font></a></li>');
$(".header-nav > ul").append('<li><a href="/link2"><font color="#000000">Buyers Guide</font></a></li>');