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

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>