0

客户端正在请求允许 WordPress 生成子页面列表的功能，并且当悬停该列表中的项目（文本）时，将显示特色图像。这是此类功能的示例。

经过进一步研究，我发现了这个线程。然而，经过审查，Petley Jones 网站似乎已经对所有页面链接进行了硬编码。我可能是不正确的。我需要使用 wp_list_pages 或 get_page ，因为工作人员会添加许多子页面，而不是一个人。

我知道同时使用 JQuery 和 CSS 的解决方案。JQuery 解决方案似乎最适合这一点，但是我不确定如何将它与 WordPress 耦合。CSS 将要求每个项目具有相同的类或 ID，我可以实现，但我不确定如何在样式表中调用唯一的页面 ID。任何建议将不胜感激！

4

1 回答 1

0

您可以尝试按照以下步骤进行操作-

  • 当您获取子页面时，请使用类名包装一个 div，<div class="child_page"></div>并在其中放置您的子页面名称的 php 代码。
  • 在子页面代码下方的这个 div 中添加另一个 div，其中包含一个类 say<div class="child_page_Img"></div>并在其中放置代码，也可以获取特定页面的特征图像。
  • 在主题的样式表中添加一些 CSS -

.child_page_Img{display:none;} .child_page:hover .child_page_Img{display:block;}

  • 由于 ie6 不允许将鼠标悬停在除a元素之外的任何元素上，您所能做的就是将child_page_Imgdiv 放在a子页面永久链接的元素中。

这个技巧应该有效。谢谢

于 2012-06-09T19:53:04.483 回答