javascript - 使用 jquery/js 禁用 href

Question

我在通过 jquery 禁用 href 链接时遇到困难。我正在使用我修改的这种方法。有人可以建议或帮助我解决这个问题吗？谢谢。

jquery/js

<script>
 $('.next-tab').click(function() {
     $('.st_tab_active').attr('disabled','disabled');
     var tab=  $('.st_tab_active').parent().next().children('a');
     tab.removeAttr('disabled');
     tab.trigger('click');
     return false;
      });
</script>

html

<ul class="st_tabs">
    <li><a href="#st_content_1" class="st_tab" disabled="disabled">Horizontal Tab #1</a></li>
    <li><a href="#st_content_2" class="st_tab" disabled="disabled">Horizontal Tab #2</a></li>
    <li><a href="#st_content_3" class="st_tab" disabled="disabled">Horizontal Tab #3</a></li>
    <li><a href="#st_content_4" class="st_tab" disabled="disabled">Horizontal Tab #4</a></li>
    <li><a href="#st_content_5" class="st_tab" disabled="disabled">Horizontal Tab #5</a></li>
</ul>

Answer 1

您可以使用 preventDefault(); 禁用链接的默认行为(即导航到给定的 href)。

$("a").click(function(e){
    e.preventDefault(); 
});