首頁 > web前端 > js教程 > 主體

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

藏色散人
發布: 2023-01-04 09:36:38
原創
2063 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板