Как отключить тег привязки

Question

Как отключить тег привязки при нажатии с помощью jQuery? Я попробовал e.preventDefault();, но отключил все теги привязки, а не тот, который был нажат.

$(".header_menu .header_menu_res ul > .menu-item a, .content_res .header_menu_res ul > .menu-item a").live("click",function(e) { 
e.preventDefault(); 
     if($(this).find(".adv_categories").length==1) { 
      if($(this).find('.adv_categories').hasClass("importantRule")) { 
       $(this).find('.adv_categories').removeClass("importantRule"); 
       $(this).removeClass("importantRuleButton"); 
      } else { 
       if($(this).siblings(".menu-item").find(".sub-menu").hasClass("importantRule")) { 
        $(this).siblings(".menu-item").find(".sub-menu").removeClass("importantRule"); 
       } 
       $(this).find('.adv_categories').addClass("importantRule"); 
       $(this).addClass("importantRuleButton"); 
      } 
     } 
    }); 

Вот HTML от литий

<li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a class="primary" href="http://www.test.co.uk/about-us/"><em class="icon-info"></em>About Us</a> 
<ul class="adv_categories"><li></li></ul></li> 

Что происходит страница по-прежнему идет в about-us. Я хочу, чтобы он был отключен. Когда я использовал e.preventDefault();, показал sub-menu.

Answer 1

Связанный с этим ответом jsFiddle, который иллюстрирует решение.

На высоком уровне вы регистрируете обработчик для щелчка на якоре и при вызове функции, связанной с обработчиком, передается событие в качестве параметра. Затем можно попросить, чтобы событие перестало распространяться, и результат не будет обрабатываться по умолчанию для якоря, который будет навигацией.

HTML

<a id="myA" href="http://www.ibm.com">Go to IBM</a> 

JavaScript

$(function() { 
    $("#myA").click(function(e){ 
     alert("Clicked"); 
     e.preventDefault(); 
    }); 
});