jQueryでaがジャンプしないようにする方法

藏色散人
リリース: 2020-11-30 14:50:12
オリジナル
3815 人が閲覧しました

a のジャンプを防ぐ jquery の実装方法: 1. "event.preventDefault();" ステートメントを通じて新しいページが開かないようにする; 2. live メソッドを通じて a タグを無効にする; 3. a タグ属性と onclick イベントの href を削除します。

jQueryでaがジャンプしないようにする方法

#このチュートリアルの動作環境: Windows10 システム、jquery2.2.4、この記事はすべてのブランドのコンピューターに適用されます。

推奨: 「

jquery ビデオ チュートリアル

jQuery は、a タグがクリック不可およびジャンプ不可になるように制御します# #jquery でタグを無効にする 方法 1

$(document).ready(function () { $("a").each(function () { var textValue = $(this).html(); if (textValue == "XX概况" || textValue == "服务导航") { $(this).css("cursor", "default"); $(this).attr('href', '#'); //修改的 href属性值为 # 这样状态栏不会显示链接地址 $(this).click(function (event) { event.preventDefault(); // 如果定义了 target="_blank“ 需要这句来阻止打开新页面 }); } }); });
ログイン後にコピー

jquery でタグを無効にする 方法 2

$('a.tooltip').live('click', function(event) { alert("抱歉,已停用!"); event.preventDefault(); });
ログイン後にコピー

jquery でタグを無効にする 方法 3

$(function(){ $('.disableCss').removeAttr('href');//去掉a标签中的href属性 $('.disableCss').removeAttr('onclick');//去掉a标签中的onclick事件 });
ログイン後にコピー

jquery コントロール ボタンの無効化と有効化

コントロール ボタンが無効になっています:

$('#button').attr('disabled',"true");添加disabled属性 $('#button').removeAttr("disabled"); 移除disabled属性
ログイン後にコピー

関連する無料学習の推奨事項:
JavaScript

(ビデオ)

以上がjQueryでaがジャンプしないようにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!