javascript - 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

希望对你有帮助。