jQuery - Disabling an anchor

[Love2c0de]

Good morning,

 

I have a link on my website which has a default href value. The reason I set an initial value is so that if JS is disabled, it will direct them to another page.

 

My jQuery is supposed to open a 'tooltip' next to the link - which it does - but I want to be able to disable the href so that it points to nowhere so the tooltip activates and the href points to nowhere but can't figure out how to do it. It keeps loading the default page.

 

Here is my code:

 

$(function(){
      $("#technologies,#marketing,#google_analytics").fadeIn(2000);
 
 
 $(".tool").attr("href","#");          
 $(".tool").css("cursor","default");
 
 $(".tool").hover(function(e){
 
var Xpage = e.pageX;
var Ypage = e.pageY;
var title = $(this).attr("data-pack");
var div = "<div class='tooltip'>"+title+"</div>";
console.log(div);
$("body").append(div);
$(".tooltip").css("top", Ypage-90);
$(".tooltip").css("left", Xpage+15);
 
$(".tooltip").fadeIn(500);
 
 }, function(){
 
$(".tooltip").remove();
 
 });
 
});

 

Thanks for your time.

 

Kind regards,

 

L2c.

 

 

[requinix]

Rather than "disable" the link, add an onclick handler that cancels the event.

 

jQuery?

.click(function(e) { e.preventDefault(); })

[Love2c0de]

Good morning,

 

Thanks very much. Works a treat.

 

Regards,

 

L2c.