Question

我正在为一个客户的网站工作，无法弄清楚发生了什么 - 可能一直在查看代码。

就下拉菜单而言，您可以看到导航菜单正在此页面上运行：

http://www.envisionforce.com/

但是，在此页面上没有显示下拉菜单：

http://portal.envisionforce.com/

知道需要改变哪些来解决这个问题？谢谢！

Answer 1

初始外观似乎表明第二个链接不包含所需的JavaScript文件。您是否忘记将菜单的JavaScript添加到每个页面？

看起来您正在主页上加载wp-content/themes/Minos/data/combined4963.js?ver=1.1，但在其他页面上却没有。该文件包含所需的菜单下拉JavaScript。

编辑：我已确认此问题，该网站在通过开发控制台将该脚本添加到页面时有效。

Answer 2

处理下拉菜单（whmcs.js）的文件将行为绑定到元素.dropdown-toggle和a.menu的点击事件

jQuery("html").bind("click", function (e) {
jQuery('.dropdown-toggle, a.menu').parent("li").removeClass("open");
});

页面上的标记不包含这些元素。

<li id="menu-item-1966" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1966">
<a href="http://portal.envisionforce.com/cart.php">
<b>SERVICES</b>
</a>

您需要将适当的类添加到li和a元素

编辑：RogueCoder做对了。忽略这个mumbo jumbo。

下拉菜单不显示在某些页面上

2 个答案: