扩展 WordPress MegaMenu答案

【问题标题】：Extending WordPress MegaMenu扩展 WordPress MegaMenu
【发布时间】：2011-11-07 00:58:50
【问题描述】：

我的老板和我应客户的要求，正在寻找一种扩展MegaMenu 的方法。目前，我们的菜单设置为显示来自任意产品页面 (see screenshot) 的静态特色产品缩略图。这是通过特色页面小部件进入菜单的（回想一下，WP MegaMenu 被视为小部件化侧边栏）。

客户要求产品缩略图根据悬停在菜单中的任何产品类别链接而动态更改。我们知道这是一个重要的要求，欢迎提供任何可以提供的起点。！

【问题讨论】：

【解决方案1】：

我会先说我没有看过 megamenu 代码库，但我想我可以对你可能想要如何解决这个问题做出一些假设。

将事件附加到megamenu下的所有链接

$('a.dc-mega').mouseover( function(){ ... });
我不明白您的“特色页面小部件”。这是megamenu的一部分吗？从文档来看，它看起来不像。这是另一个可以以某种方式嵌入到 megamenu 中的 WP 小部件吗？如果是这样，怎么做？这是你自己的代码吗？无论如何，您都想获取链接页面 ID。这可能包含在 megamenu 中。查看他们的文档，我认为它包含在列表项 id 中。所以你可以从那里检索 id。

var pageID = $(this).parent('li').attr('id');
使用 AJAX 到 retrieve the image 并替换当前图像。服务器端你可以使用

。

  $.ajax({
      url: "test.html",
      success: function(){
         //replace image
      }
    });

【讨论】：

MegaMenu 在这种情况下实际上是 Ubermenu (wpmegamenu.com) 的一部分。使用 Ubermenu/MegaMenu，您可以像对待侧边栏一样对待您的菜单，在小部件管理屏幕中修改它们，拖放各种小部件以填充每个菜单的内容。听起来很复杂，但考虑到它非常巧妙。