preventDefault не работает должным образом

Question

Я хотел бы удалить гиперссылку перенаправления тегов. В настоящее время нажатие на него открывает модальный, но я не хочу перенаправлять браузер. Я пробовал preventDefault, и он не работает для меня.

Я работаю с C# MVC. Может быть, я перегрузился в другое место? Или существуют другие решения, чтобы избежать перенаправления? В крайнем случае я не хотел бы менять элемент на span, div или button.

algo.cshtml:

<a id="modalAboutButton">Ir a about </a> 

<div id="aboutModal" class="reveal-modal" data-reveal></div> 

app.js

$(document).ready(function() { 
    $(document).on('click', '#modalAboutButton', function (e) { 
     e.preventDefault(); 
     var $modal = $('#aboutModal'); 
     $.get('/About/Index2', function (resp) { 
      $modal.html(resp).foundation('reveal', 'open'); 
     }); 
    }); 
}); 

Answer 1

Простой пример

<a href="google.com">Google</a> 

Js

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

Fiddle example

Я надеюсь, что это вам поможет.