1. 程式人生 > >Jquery禁用a標籤方法

Jquery禁用a標籤方法

[javascript] view plain copy
  1. $(document).ready(function () {  
  2.         $("a").each(function () {  
  3.             var textValue = $(this).html();  
  4.             if (textValue == "XX概況" || textValue == "服務導航") {  
  5.                 $(this).css("cursor""default");  
  6.                 $(this).attr('href'
    '#');     //修改<a>的 href屬性值為 #  這樣狀態列不會顯示連結地址  
  7.                 $(this).click(function (event) {  
  8.                     event.preventDefault();   // 如果<a>定義了 target="_blank“ 需要這句來阻止開啟新頁面
  9.                 });  
  10.             }  
  11.         });  
  12. });  

jquery禁用a標籤方法2

[javascript] view plain copy
  1. $('a.tooltip').live('click'function(event) {  
  2.    alert("抱歉,已停用!");    
  3.   event.preventDefault();     
  4. });  

jquery禁a標籤方法3

[javascript] view plain copy
  1. $(function(){  
  2. $('.disableCss').removeAttr('href');//去掉a標籤中的href屬性
  3. $('.disableCss').removeAttr('onclick');//去掉a標籤中的onclick事件
  4. });  

jquery控制按鈕的禁用與啟用

控制按鈕為禁用:

[javascript] view plain copy
  1. $('#button').attr('disabled',"true");新增disabled屬性   
  2. $('#button').removeAttr("disabled"); 移除disabled屬性  

1. 簡單設定a標籤的disabled屬性就可以阻止事件(onclick)還有href嗎?
錨標籤本身不支援disabled,所以簡單設定了disabled屬性是沒有任何效果的
2. 如何阻止href?
首先看一下 關於a標籤的onclick與href的執行順序

1). onclick的事件被先執行,其次是href中定義的(頁面跳轉或者JavaScript
2). 同時存在兩個定義的時候(onclick與href都定義了),如果想阻止href的動作,在onclick必須加上return false;
3). 在href中定義的函式如果有返回值的話,當前頁面的內容將被返回值代替。