扩展 WordPress MegaMenu

Question

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

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

Answer 1

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

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

   $('a.dc-mega').mouseover( function(){ ... });

2. 我不明白您的“特色页面小部件”。这是megamenu的一部分吗？从文档来看它看起来不像。这是另一个可以嵌入到megamenu 中的WP 小部件吗？如果是这样，怎么办？这是你自己的代码吗？无论如何，您都希望获得链接页面 ID。这可能包含在megamenu中。看看他们的文档，我认为它包含在列表项 ID 中。所以你可以从那里检索 id。

   var pageID = $(this).parent('li').attr('id');

3. 使用 AJAX 检索图像并替换当前图像。服务器端您可以使用

.

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