【问题标题】:remove the a href from the top of the menus on wordpress从 wordpress 的菜单顶部删除 a href
【发布时间】:2010-12-15 19:16:22
【问题描述】:

我想从wordpress菜单上的wp_list_pages()函数中删除自动a href链接,但我不想从子菜单中删除href,只能从顶部菜单中删除

例如:

<li><a href="www.games.co.il">Games-not remove thr href</a> 
  <ul>
    <li><a href="www.x4.co.il">Menu0-remove the auto href</li>
    <ul>
      <li><a href="www.x1.co.il">sub-menu 1-do not remove the auto href</a></li> 
        <ul>
          <li><a href="www.ddd.co.il">**not** remove the href</li> 
        </ul>
      <li><a href="www.x1.co.il">sub-menu 2 not-remove the auto href</li>
    </ul>
  </ul>    
</li>

【问题讨论】:

  • 假设涉及下拉菜单:不要再这样了。这意味着该链接在单击鼠标中键且 JavaScript 不可用时仍然有效。

标签: php wordpress list function wp-list-categories


【解决方案1】:

定位 LI 中作为主列表的直接子级的链接..

$("ul#menu > li a").removeAttr("href");

http://api.jquery.com/child-selector/

或者保留 url 并在它们上返回 false..

$("ul#menu > li a").click(function(){ return false; });

该 URL 仍会出现在浏览器中,但单击该链接不会执行任何操作(如果启用了 JS)。

【讨论】:

    【解决方案2】:

    正如大卫·多沃德所说“别再想要那个了!”。

    您可以做的是在您的主页上重定向到第一个子项目(通常是概述等)。这最好用于兼容性,以防有人禁用了 JS,并且下拉/悬停菜单仍然有效。

    或者在主页内容中包含一个子菜单,这将帮助用户轻松导航到您希望他们到达的位置,而不会牺牲可用性。

    【讨论】:

    • 这不是回答我的问题,我如何破解菜单以仅从特定菜单中删除 h 参考,谢谢。
    【解决方案3】:

    使用 jQuery: 像这样的:

    $("ul#menu li:first a").removeAttr("href");
    

    【讨论】:

      猜你喜欢
      • 2012-11-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-07-26
      • 2015-12-02
      • 1970-01-01
      • 2015-10-04
      • 1970-01-01
      相关资源
      最近更新 更多