当我用 ajax 加载链接时，在 href onclick 上返回 false 仍然调用链接

Question

我通过 ajax 调用创建了这个链接：<a href="#" onclick="return false" data-accordion="accordion-content bg-highlight accordion-head-href">    My Name    <i class="accordion-icon-right fa fa-plus"></i></a>即使我添加了return false代码，#仍然会调用链接（重新加载页面）。我用这个 ajax 调用创建了链接：$.ajax({    type:'POST',    url: 'my-example-url',    success:function(data) {        // data.html CONTAINS THE LINK        if (data.html) {            $('.my-div-class').append(data.html);        }    },    error: function(data) { console.log(data) }});

Answer 1

将 href 属性设置为 href="javascript:;"

或在 onclick 事件上调用 javascript 函数并使用 event.preventDefault()

<a href='javascript:;' onclick="(function(e){e.preventDefault();})(event)">Link</a>

Answer 2

尝试：

<a href="javascript: void(0);" data-accordion="accordion-content bg-highlight accordion-head-href">

My Name

    <i class="accordion-icon-right fa fa-plus"></i>

</a>

Answer 3

尝试调用event.preventDefault()而不是return false.