I have the following HTML.
<a id="SomeLink" title="My Title" href="http://stackoverflow.com">Click Here</a>
I want to disable clicking on this link. Like if there is a way in CSS or Jquery to remove "href" from this link so it is not clickable?
-
Why not just removing the link if you don't want clicking upon it?gdoron– gdoron2013-12-29 07:30:51 +00:00Commented Dec 29, 2013 at 7:30
-
I can't because that code is coming from somewhere else and I have no control over it.Frank Martin– Frank Martin2013-12-29 07:52:01 +00:00Commented Dec 29, 2013 at 7:52
-
Please read this:stackoverflow.com/questions/11114622/…gdoron– gdoron2013-12-29 08:04:17 +00:00Commented Dec 29, 2013 at 8:04
Add a comment
|
6 Answers
Can you try this, Removed link during on ready handler, you can also use the same while in another firing event handler as well.
$(function(){
$("#SomeLink").attr("href", "javascript:void(0);");
});
OR
$(function(){
$("#SomeLink").attr("href", "#");
});
1 Comment
gdoron
This is still clickable but maybe this is really what he asked
Bind a click handler that does nothing and disables the default action by returning false.
$('#SomeLink').click(function() {
return false;
});
Maybe this will allow you to deal with elements with duplicate IDs:
$('a[id=SomeLink]').click(function() {
return false;
});
When you use an ID selector, jQuery uses getElementById, which will only find the first element with the ID. Perhaps using the generic attribute selector will bypass that and use a loop that just matches on the ID attribute. If that doesn't work, you may have to write a filter:
$('a').filter(function() {
return this.id == 'SomeLink';
}).click(function() {
return false;
});
8 Comments
Frank Martin
I tried this but didn't work. May be because there are multiple tags with same ID?
Barmar
IDs are required to be unique, you must not do that. Use classes to group related tags.
Frank Martin
I can't control that because code is coming from somewhere else. Is there a way to parse all those IDs that are coming in that page through javascript? Then I can run a look and remove HREF from each of them.
Barmar
I've added some suggestions to my answer. But you should complain to whoever is sending you the code, because it's invalid and will not work with many normal scripts.
Frank Martin
Actually I am using SharePoint 2013 which is sending this HTML.
|
This is very simple.Just use attr in Jquery
function disbleLink(){
$("#SomeLink").attr('href','');
}
6 Comments
Frank Martin
I tried this but didn't work. May be because there are multiple tags with same ID?
Abhinav015
Can you please explain me. What do you exactly want? If you want to disable all links with different ids... that is also possible
Frank Martin
Yes I want to disable all links having this ID. And there are multiple such IDs on that page.
Abhinav015
Hi have done it. I have disabled all links by using same class.Have a look on demo. JSFiddle Demo
Frank Martin
I don't have css class in my element.
|
Links cannot be disabled. Use a button instead.
<button disabled>click me</button>
If you want to prevent the default behavior when clicking a link, you can use e.preventDefault()
$("a").on('click', function(e){
e.preventDefault();
});
Comments
You can use the following code in your JS.
$('#link').click(function(e){
e.preventDefault();
});
And this code in your CSS.
#link{
text-decoration:none;
color: #ccc;
}
Comments
I found an answer that I like much better on this site.
Looks like this:
$(document).ready(function(){
$("a#SomeLink").click(function () {
$(this).fadeTo("fast", .5).removeAttr("href");
});
});
Enabling would involve setting the href attribute
$(document).ready(function(){
$("a#SomeLink").click(function () {
$(this).fadeIn("fast").attr("href", "http://whatever.com/wherever.html");
});
});
