让一些从wp_nav菜单功能生成的链接不可点击?

时间:2011-04-30 作者:janoChen

在此网站中:

http://alexchen.info/brianfunshine/

我有一个导航菜单取自二十世纪十年代的主题。我想让一些链接可以点击,而有些不可以(有些不必表现得像链接)。我已经用一些CSS实现了这一点,但它并不适用于所有浏览器。

链接通过以下方式生成:

wp_nav_menu
有什么建议吗?

4 个回复
最合适的回答,由SO网友:Milo 整理而成

在“管理”面板中创建一个自定义菜单项,其中包含一个虚拟URL foo。com或其他什么。将其添加到菜单,然后删除目标URL并保存。菜单项将在没有href属性的情况下呈现,并且不可访问。

SO网友:Geert

通过WordPress中的菜单admin,您可以添加自定义类,例如no-link, 指向您希望不可链接的链接。您可能需要通过显示选项启用自定义类字段。

这里有两个基于jQuery的想法。请注意,对于禁用JavaScript的用户,链接仍将存在。

$(document).ready(function() {

    // Your navigation ID
    var $nav = $(\'#navbar\');

    // A. Completely remove the anchor element and replace it with a span
    $nav.find(\'li.no-link > a\').wrapInner(\'<span/>\').find(\'> span\').unwrap(\'a\');

    // or

    // B. Remove href attribute so nothing happens on click
    $nav.find(\'li.no-link > a\').removeAttr(\'href\');

});

SO网友:Ashfame

使用js通过单击返回false来取消链接行为。这应该可以:

$(document).ready(function(){
    $("#link-id").click(function(){
        return false;
    });
});

SO网友:anu

如果您不希望链接的行为像链接一样,那么不要将其设置为链接-即删除<a> </a> 标签。

结束

相关推荐

Thesis -style Navigation

我正在研究一个主题,我希望用户能够像论文一样选择要在主题选项页面中显示的页面。我已经在谷歌上搜索了几个小时的逆向工程论文,但还没有找到一个很好的解决方案。我想知道是否有人做过这件事或看过教程。