jQueryでページ内のリンクを無効化したい

jQueryを使ってあるページ内のリンクを無効化したいのですが、どんな方法があるのでしょうか？
よろしくお願いします

行動規範の内容に同意します

回答2件

ベストアンサー

リンクの無効化で思いつく方法を下記に挙げますので参考にしてみてください。

◆jQueryコード

lang
1$(function () {
2$('#link1').click(function () {//リンクを押しても遷移させないようにする
3return false;
4}); 
5$('#link2').css('pointer-events', 'none');//リンクの無効化
6$('#link3').contents().unwrap();//リンクの削除
7});

◆HTML

lang
1<a href="http://google.co.jp" id="link1">LINK1</a>
2<a href="http://google.co.jp" id="link2">LINK2</a>
3<a href="http://google.co.jp" id="link3">LINK3</a>

投稿2014/10/22 14:39

codingforfun

総合スコア72

How to enable or disable an anchor using jQuery? http://stackoverflow.com/questions/1164635/how-to-enable-or-disable-an-anchor-using-jquery より

lang
1$(function () {
2    $('a.something').on("click", function (e) {
3        e.preventDefault();
4    });
5});

次のページでは動作例を試すことができます。

Enable Disable Anchor Elements - JSFiddle http://jsfiddle.net/geekonweb/ggyhs/

他の参考ページも紹介します。

リンクのデフォルト動作を無効にして、JavaScriptを実行させる http://qiita.com/mohsenreza/items/5efb7f8a4966ea639759
jqueryイディオム：ページ内の全てのリンクを一時的に無効にする http://tockri.blog78.fc2.com/blog-entry-182.html

投稿2014/10/23 21:57