Orchardcms Orchard导航-如何使菜单链接不可单击
我有以下菜单导航:Orchardcms Orchard导航-如何使菜单链接不可单击,orchardcms,orchardcms-1.6,Orchardcms,Orchardcms 1.6,我有以下菜单导航: home product product 1 product 2 news press releases about us 上面的每个菜单项都链接到一个内容,除了“产品”。我需要这样做,当用户点击“产品”时,它不会去任何地方 我尝试使用“自定义链接”,并在url中输入“#”或“javascript:void(0)”,但这不起作用,因为Orchard总是在url前面加“/”前缀 此外,我尝试使用“Html菜单项”并在Html正文中输入“产品”,但
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>
…
或
产品…
有简单的方法吗?在
Orchard.Web
项目的核心->形状->视图
目录下的菜单.cshtml
文件中,您可以执行以下操作:
$(document).ready(function () {
$("#Nav a").click(function(e) {
e.preventDefault();
});
});
上述选项禁止单击所有菜单链接,因此,如果要防止单击第二级菜单项:
$('#Nav li ul li a').click(function(e){
e.preventDefault();
});
该
Menu.cshtml
文件是导航菜单的视图,因此您可以根据需要定义其行为。您也可以查看我的主题。您可以按照Mohammad所说的做,但是在您的主题中创建一个备用的Menu.cshtml。修改果园核心代码是不好的做法 你是对的,创建一个替代品是一个不错的选择,但是我不想再解释形状跟踪和替代品了。尽管如此,它们对于任何Orchard开发者来说都是不可或缺的技能,需要在某个时候学习。我熟悉url替换和形状跟踪-但希望避免这样做,因为该项目已经发布到PROD(Azure),因此接受了上面的jquery工作。至少我可以复制.js文件,而不是进行另一次部署。无论如何,投票吧。
$('#Nav li ul li a').click(function(e){
e.preventDefault();
});