首頁  >  文章  >  web前端  >  jquery a標籤不可用的實作方法

jquery a標籤不可用的實作方法

藏色散人
藏色散人原創
2020-12-08 10:05:061988瀏覽

jquery a標籤不可用的實作方法:先建立一個範例檔;然後使用jQuery將a標籤置為不可用,其語句如「if(boolean){$("a").attr( "disabled", true)...}」。

jquery a標籤不可用的實作方法

本教學操作環境:windows7系統、jquery1.10.0版本,Dell G3電腦,此方法適用於所有品牌電腦。

推薦:《jquery影片教學》《javascript基礎教學

jquery讓a標籤不可用

有時候,我們會需要在一定條件下將a標籤置為不可用,但是由於a標籤的特殊性,僅僅為其添加disabled屬性只能將其置灰,點擊的時候依然會進行跳轉,所以需要進行其他的處理。

這裡記錄一種使用jQuery來將a標籤置為不可用的方法:

if(boolean){
    $("a").attr("disabled", true);
    $("a").click(function(){});
}

其實就是將標籤置灰,並將其跳轉函數設為空即可,原生JS和其他的框架參照此方法即可實現。

$("a").attr("disabled", true);
$('.disableCss').removeAttr('href');//去掉a标签中的href属性
$('.disableCss').removeAttr('onclick');//去掉a标签中的onclick事件

如果有data-toggle切換tab頁的屬性,需要增加一個$(".disableCss").removeAttr('data-toggle');

以上是jquery a標籤不可用的實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn