[解決済み] jQueryでリンクを無効化する
2022-02-01 17:26:19
質問
Jqueryでリンクを無効にする方法をご存知の方はいらっしゃいますか?
return false;
?
具体的には、あるアイテムのリンクを無効にし、jqueryを使用してそのリンクをクリックすると何らかのトリガーがかかり、その後そのリンクを再び有効にして、再度クリックされたときにデフォルトとして機能するようにすることです。
ありがとうございました。 デイブ
アップデイト
これがそのコードです。の後に必要なのは
.expanded
クラスが適用された場合、無効化されたリンクを再び有効にすることです。
$('ul li').click(function(e) {
e.preventDefault();
$('ul').addClass('expanded');
$('ul.expanded').fadeIn(300);
//return false;
});
解決方法は?
$('#myLink').click(function(e) {
e.preventDefault();
//do other stuff when a click happens
});
これにより、ハイパーリンクのデフォルトの動作である、指定された href にアクセスすることを防ぐことができます。
jQueryから チュートリアル :
クリックやその他のほとんどのイベントについては は、デフォルトの動作を防ぐことができます。 jquery.comへのリンクはこちらです。 - イベントハンドラ内で event.preventDefault() を呼び出すことで、以下のようになります。
もし、あなたが
preventDefault()
を使用すると、特定の条件 (たとえば何かが隠されているなど) が満たされたときのみ、ul の可視性をテストすることができます。
拡張
. もし表示されていれば(つまり非表示でなければ)、if文が入力されないため、デフォルトの動作が妨げられることはなく、リンクは通常通り発射されるはずです。
$('ul li').click(function(e) {
if($('ul.expanded').is(':hidden')) {
e.preventDefault();
$('ul').addClass('expanded');
$('ul.expanded').fadeIn(300);
}
});
関連
-
[解決済み】Chrome Developer ToolsでリソースがDocumentと解釈され、MIMEタイプapplication/jsonの警告で転送される。
-
[解決済み] jQueryは、すべてのテキストフィールドの値の合計を計算する
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryで入力を無効化/有効化する?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] TypeError: $.ajax(...) is not a function?
-
[解決済み] jQuery.whenの理解
-
[解決済み] jQueryで関数呼び出しを繰り返す方法
-
[解決済み] Contact Form 7 のフォームで AJAX を有効にする(AJAX ロード後)。
-
[解決済み] jQueryとIntraweb?
-
[解決済み] asp.net mvcのHtml.BeginForm()にIDプロパティを追加する方法は?
-
[解決済み] jQuery Mobileのボタンを無効にする
-
[解決済み] jQueryのイベントハンドラを削除する最良の方法?
-
[解決済み] ボタンやリンクを無効化・有効化する最も簡単な方法とは(jQuery + Bootstrap)
-
[解決済み] jQueryを使用してアンカーを有効または無効にするにはどうすればよいですか?