I am having difficulties in disabling href links through jquery. I am using this method I modified. Can some please advise or help me in figuring this out? Thank you.
jquery/js
JavaScript
x
10
10
1
<script>
2
$('.next-tab').click(function() {
3
$('.st_tab_active').attr('disabled','disabled');
4
var tab= $('.st_tab_active').parent().next().children('a');
5
tab.removeAttr('disabled');
6
tab.trigger('click');
7
return false;
8
});
9
</script>
10
html
JavaScript
1
8
1
<ul class="st_tabs">
2
<li><a href="#st_content_1" class="st_tab" disabled="disabled">Horizontal Tab #1</a></li>
3
<li><a href="#st_content_2" class="st_tab" disabled="disabled">Horizontal Tab #2</a></li>
4
<li><a href="#st_content_3" class="st_tab" disabled="disabled">Horizontal Tab #3</a></li>
5
<li><a href="#st_content_4" class="st_tab" disabled="disabled">Horizontal Tab #4</a></li>
6
<li><a href="#st_content_5" class="st_tab" disabled="disabled">Horizontal Tab #5</a></li>
7
</ul>
8
Advertisement
Answer
You can use preventDefault();
to disable the default behaviour of links (which is, to navigate to the given href
).
JavaScript
1
4
1
$("a").click(function(e){
2
e.preventDefault();
3
});
4