orchardcms - 果园导航 - 如何使菜单链接不可点击

Question

我有以下菜单导航：

home
product
     product 1
     product 2
news
     press releases
about us

上面的每个菜单项都链接到一个内容，“产品”除外。我需要这样做，这样当用户单击“产品”时就不会去任何地方。

我尝试使用“自定义链接”，并在 url 中输入“#”或“javascript:void(0)”，但这不起作用，因为 Orchard 总是在 url 前面加上“/”。

此外，我尝试使用“Html 菜单项”并在 html 正文中输入“产品”，但始终呈现为

<li><span class="raw"><p>product</p></span><ul>...</ul></li>

我想要以下任一：

<li><a href="#">product</a><ul>....</ul></li>

或者

<li>product<ul>....</ul></li>

是否有捷径可寻？

score 4 · Accepted Answer

在项目目录Menu.cshtml下的文件中，您可以这样做：Core->Shapes->ViewsOrchard.Web

$(document).ready(function () {
    $("#Nav a").click(function(e) {
        e.preventDefault();
    });
});

以上禁止点击所有菜单链接，所以如果你想阻止点击二级菜单项：

$('#Nav li ul li a').click(function(e){
     e.preventDefault();
});

该Menu.cshtml文件是您的导航菜单的视图，因此您可以根据需要定义它的行为。你也可以看看我的这个答案。

score 4 · Accepted Answer

您可以按照 Mohammad 所说的做，但在您的主题中创建一个备用 Menu.cshtml。修改 Orchards 核心代码是不好的做法。

2 回答 2