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

问题描述

问 题

想让第一个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>

解决方案

<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就好了

这篇关于javascript - 如何禁止一个a标签，并且不让他产生点击事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！