linkleri-pasif-yapmak

Sayfada href= linkleri pasif yapmak Bazen bir html sayfadaki linklerin olmasını ama çalışmamasını istersiniz. İşte jQuery veya CSS ile çözümler.

by Volkan Yılmaz

HTML

<div id="ornek">
  <div class="icindeki_js">
    <h2>Jquery ile</h2>
    <a href="https://wolkanca.com.tr/">Bu bir link</a>
  </div>
  <div class="icindeki_CSS">
    <h2>CSS ile</h2>
    <a href="https://wolkanca.com.tr/">Bu bir link</a>
  </div>
</div>

CSS

a {
  font-size: large;
}

#ornek {
  display: flex;
  justify-content: space-around;
}

/* CSS ile link iptal */
.icindeki_CSS a {
  pointer-events: none;
}

JavaScript

$(document).ready(function() {
  $(".icindeki_js a").click(function(e) {
    //URL değiştir
    $(".icindeki_js a").attr("href", "javascript:void(0);");
    //Yapması gereken başka bir şey ata
    $(".icindeki_js a").click(function(e) {
      alert("Tıklayamazsın gülüm");
    });
  });
});