[轉]為什麼 在li標籤上添加了disabled類名的時候，不能禁止其點擊功能？這個在 bootstrap.js 裡面沒有設定好嗎？

標籤：設定   為什麼   方案   class   處理   point   str   點擊   沒有   

<input class="disabled">不會禁止按鈕的預設行為

<input disabled="disabled">可以禁止元素的預設行為

 

 

jquery 或js

class="disabled" 元素一律點擊無效  

比如 
<a id="PostComment" class="btn">提交</a> 點擊有效
<a id="PostComment" class="btn disabled">提交</a> 點擊無效 

謝謝！

 

1 eg2 <ul>3                 <li><a href="#" class="disable">公告</a></li>4                 <li><a href="#"class="disable">規則</a></li>5                 <li><a href="#"class="disable">論壇</a></li>6                 <li><a href="#">安全</a></li>7                 <li><a href="#">公益</a></li>8 </ul>

只要是正常的bootstrap，非定製的。。。引入disable類即可！！

 

 

對於bootstrap中的disabled樣式，好像並沒有對a標籤的預設行為進行處理，這可能就是它雖然設定了disabled樣式但仍然可觸發的原因。

解決方案：

1、添加Css阻止a標籤的觸發

1 .disabled{2 pointer-events:none; 3 }

1 <!--禁止狀態-->2 <ul class="pager">3   <li class="disabled"><a href="http://v3.bootcss.com/">&laquo;上一頁</a></li>4   <li><a href="#">下一頁&raquo;</a></li>5 </ul>

2、JQ

1            $(".disabled").click(function (event) {2                event.preventDefault();        3                   });

 

　　

 

[轉]為什麼 在li標籤上添加了disabled類名的時候，不能禁止其點擊功能？這個在 bootstrap.js 裡面沒有設定好嗎？