显示链路去激活的消息

Display a message for a deactivated link

本文关键字：消息 激活 链路 显示      更新时间：2023-09-26

我有一个导航栏与许多链接。问题是我还没有完成所有的页面。我是否可以阻止我的用户点击某些链接，而是显示一条小消息，通知他们内容即将发布?

编辑:它不允许我在标签中包含bootstrap -但如果一个解决方案包括bootstrap，我很满意。

编辑2:我在导航栏上有一些jQuery效果，当链接被点击时，是否也有禁用这些效果?

给你的链接添加一个类。即inactive类。然后在jQuery中，你可以简单地这样做:

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

您还可以使用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类。

简单地说，您可以使用href="#"和警报消息onclick:

<a href="#" onclick="alert('Under construction!')">MenuName</a>
相关文章：