how to make html anchor tag not click able with jquery?

Question

I have html like this (note -: I included j library on the top of page )

 <div class="WIWC_T1">
    <a href="javascript:void(0);" onClick="call_levelofcourse();popup('popUpDiv1')">Level of Course</a>
 </div>

to make it not clickable i used jquery like this

$(".WIWC_T1 a").click(function(){
    return false ;
});

i tried this too

$(".WIWC_T1 a").off("click");

but onClick="call_levelofcourse();popup('popUpDiv1')" is still working on my page . what is soltuion to do it in very simple way ??

This answer should help http://stackoverflow.com/a/825193/16959 — Jason Sperske, Feb 13 '15 at 06:54

score 4 · Accepted Answer · answered Feb 13 '15 at 07:22

Another aproach (which not uses jQuery) is to use css class:

.disable-anchor{
  pointer-events: none;
  cursor: default;
}

and then just add this class to your anchor like:

<a href="javascript:void(0);" 
   class="disable-anchor"     
   onClick="call_levelofcourse();popup('popUpDiv1')">
    Level of Course
</a>

P.S. check the availability of pointer-events before using it because this is the CSS3 feature.

score 1 · Answer 2 · answered Feb 13 '15 at 06:51

1

Try this

$(".WIWC_T1 a").click(false);

answered Feb 13 '15 at 06:51

Janitha Tennakoon

856
11
40

score 1 · Answer 3 · answered Feb 13 '15 at 07:13

1

To prevent events, like a when clicking, prevent that event like this:

$(".WIWC_T1").on("click", function(e)) {
    e.preventDefault();
    //Do your code, such show a popup
}

answered Feb 13 '15 at 07:13

Zander

1,076
1
9
23

score 0 · Answer 4 · answered Feb 13 '15 at 07:01

0

<a href="javascript:void(0);" onClick="call_levelofcourse();popup('popUpDiv1')" class="unclickable">Level of Course</a>



function call_levelofcourse(){
if(!$("a").hasClass("unclickable")){
 /* your codes here */
}
}

answered Feb 13 '15 at 07:01

v.orujov

46
1
5

your method can work but i have more a tags with in same class and every one have different onclick function ... so i cant use your solution for every a tag – Vipul sharma Feb 13 '15 at 07:08
you can select anchor with $(".WIWC_T1>a") or give an exact id to the anchor. And also can try $(this) selector – v.orujov Feb 13 '15 at 07:52
Could you please [edit] in an explanation of why this code answers the question? Code-only answers are discouraged, because they don't teach the solution. – Scimonster Feb 13 '15 at 09:19

score 0 · Answer 5 · answered Feb 13 '15 at 07:04

0

$(".WIWC_T1 a").on("click", function(){ 
   $(this).attr("onClick", false); 
});

Please remember to add Jquery prototype Thanks Vivek

answered Feb 13 '15 at 07:04

Vivek Gupta

955
4
7

Please add at top of your hrml page to get Jquery working – Vivek Gupta Feb 13 '15 at 07:05
not working yaar popups are still working Level of Course – Vipul sharma Feb 13 '15 at 07:10
I tried it on Fiddle and it is working fine, Have you added jquery.js in your html page – Vivek Gupta Feb 13 '15 at 07:12
even i can accept your method can work... but in my case Level of Course this onclick is still working your code cant prevent these fuction – Vipul sharma Feb 13 '15 at 07:20
OK Why cant you remove onclick event from this anchor tag?? What is stopping you from removing it. – Vivek Gupta Feb 13 '15 at 07:27
Please try below it will definitely work. $(".WIWC_T1 a").on("mouseover", function(){ $(this).attr("onClick", false); }); – Vivek Gupta Feb 13 '15 at 07:38
not that was not working i use alternate way like this $(".WIWC_T1 a").css('pointer-events', 'none'); $(".WIWC_T1 a").css('color', 'grey'); – Vipul sharma Feb 13 '15 at 09:01

score 0 · Answer 6 · answered Feb 13 '15 at 07:07

0

 $(".WIWC_T1 a").removeAttr('onclick');

answered Feb 13 '15 at 07:07

Vimal Vataliya

260
4
15

i dnt want to remove them i need them conditionally – Vipul sharma Feb 13 '15 at 07:23
function urFunName(){ if(urCon){ $(".WIWC_T1 a").removeAttr('onclick');}else{ $(".WIWC_T1 a").attr('onclick','call_levelofcourse();popup('popUpDiv1');');}} – Vimal Vataliya Feb 13 '15 at 07:29
You should [edit] your answer to add to the new code. – Scimonster Feb 13 '15 at 07:46

how to make html anchor tag not click able with jquery?

6 Answers6