显示已停用链接的消息

Question

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

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

编辑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

您还可以使用警报显示消息：

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。