禁止用户进行点击操作

工作中遇到过这种情况:在做固定导航时,其中一个导航滑过出现二级菜单,所以它本身不需要具备点击功能

CSS: 

<style>
.disabled { pointer-events: none; }
</style>

jquery:
方法一:
    $(function(){
    $('.disableCss').removeAttr('href');//去掉a标签中的href属性
        $('.disableCss').removeAttr('onclick');//去掉a标签中的onclick事件
    });

             方法二

$('a.tooltip').live('click', function(event) {
       alert("抱歉,已停用!");  
      event.preventDefault();   
});

 

posted @ 2017-07-03 12:59  和路雪  阅读(179)  评论(0编辑  收藏  举报