当我用 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&nbsp;href='javascript:;'&nbsp;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&nbsp; &nbsp; <i class="accordion-icon-right fa fa-plus"></i></a>

Answer 3

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