javascript - 如何禁止一个a标签，并且不让他产生点击事件？

Question

想让第一个a标签没有点击事件设置了disabled也没有用？有什么好的解决方法？

<ul>
    <li><a href="javscript:;" disabled >aaaaaaaa</a></li>
    <li><a href="javscript:;" >bbbbbbbb</a></li>
    <li><a href="javscript:;" >cccccccc</a></li>
</ul>

<script>
  $(function(){
     $("ul li a").click(function(){
         alert($(this).index());
     });
  });
</script>

Answer 1

<ul>
            <li><a href="javscript:;" id="not" disabled >aaaaaaaa</a></li>
            <li><a href="javscript:;" >bbbbbbbb</a></li>
            <li><a href="javscript:;" >cccccccc</a></li>
        </ul>
        <script type="text/javascript" src='jquery-1.11.1.js'></script>
        <script>
          $(function(){
             $("ul li a").not("#not").click(function(){
                 alert($(this).index());
             });
          });
        </script>

第一个a添加一个ID,然后排除这个ID就好了

Answer 2

    // js的方法
     $("ul li a").click(function(e){
        var e = e|| window.event;
        e.preventDefault();
         alert($(this).index());
     });
     
     // css 的方法
     li>a{pointer-events: none;}

Answer 3

添加css属性

a.disabled {
    pointer-events: none;
}

pointer-events支持chrome,firefox和ie11以上

此外可以用绑定click事件函数 return false。

Answer 4

href="javascript:void(0)" 没用了么？

Answer 5

$(function(){
     $("ul li a").click(function(){
     if(!$(this).attr("disabled"))
         alert($(this).index());
     });
  });

Answer 6

<script>
  $(function(){
     $("ul li a").click(function(){
         alert($(this).index());
         return false;
     });
  });
</script>

Answer 7

为什么不直接用span？

Answer 8

return false;