Orchard Navigation - 如何使菜单链接不可点击

我有以下菜单导航：

home
product
     product 1
     product 2
news
     press releases
about us

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

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

另外，我尝试使用“Html Menu Item”并在html正文中输入“product”，但始终呈现为

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

我想要以下任一：

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

or

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

是否有捷径可寻？

In the Menu.cshtml文件下的Core->Shapes->Views目录中的Orchard.Web项目，你可以这样做：

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

上面的内容禁止单击所有菜单链接，因此如果您想防止单击第二级菜单项：

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

That Menu.cshtmlfile 是导航菜单的视图，因此您可以根据需要定义其行为。你可以看看这个答案 https://stackoverflow.com/questions/11938655/customizing-the-orchard-navigation-menu我的也是如此。