显示已停用链接的消息

Question

我有一个带有许多链接的导航栏。问题是我没有完成所有页面。无论如何，我可以阻止我的用户点击某些链接，而是显示一条消息，通知他们内容即将推出？

编辑：它不允许我在标签中包含引导程序 - 但如果解决方案包含引导程序，我对此感到满意。

编辑2：我在导航栏上有一些jQuery效果，还有什么可以在单击链接时禁用这些效果？

Answer 1

简单地说，您可以使用href="#"并提醒消息onclick：

<a href="#" onclick="alert('Under construction!')">MenuName</a>

Answer 2

将一个课程添加到尚未准备好的链接中。对于inactive类。然后在jQuery中你可以像下面这样简单地做到：

$( ".inactive" ).click(function(event) {
   alert("This page is coming soon!");
   event.preventDefault();
});

Answer 3

您还可以使用alert来显示消息：

HTML

<a href="#" class="inactive">Link</a> 
<a href="#">Link Wroking</a>

JS

$('a.inactive').click(function( event ) {
    event.preventDefault();    
    var yesno = alert("Coming Soon");
});

添加班级inactive以显示讯息。对于正在运行的链接，请不要添加类inactive。

这是fiddle。