在<script>标签

Question

我正在使用以下代码向页面中注入一些HTML：

它可以工作，直接在“＃header-nav-studio” DIV之后加载所有内容。唯一的问题是，它无法在脚本中正确呈现HTML。应该会生成一个“定价”下拉菜单。相反，它仅用作链接。您可以看到示例这里

有没有办法在script标签内正确加载html或从外部源加载html？非常感谢！

Answer 1

好像您需要在动态添加的DOM元素上绑定mouseover事件以触发子菜单外观。

在具有类li的{​​{1}}元素上，有has-subnav个事件侦听器，可在其上切换css类mouseover。

您需要更改JavaScript，因此即使是动态创建的元素也会附加该事件。您可以在父选择器上使用active来附加处理程序。

$.on()

Answer 2

在您共享的示例中，定价菜单项的ID与产品菜单项的ID相同。具有相同id的两个节点可能会产生意外结果。我会说先更改ID为“ header-nav-pricing”，然后重试您的代码。