当我用ajax加载链接时，href上的return 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.prventDefault((

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