顯示已停用鏈接的消息

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。