在哪里放置'return false;' 在jQuery函数中纠正页面跳转问题

Question

最初我正在寻找显示/隐藏页面跳转问题的答案.在这里找到了答案:当与jquery slidetoggle一起使用时,链接href ="#"滚动页面到顶部,我需要了解在return false以下代码中放置的位置:

toggleDetail : function(obj) {
    $(obj).parent().parent().next().toggleClass('hide');
    $(obj).text() == 'Show' ? $(obj).text('Hide') : $(obj).text('Show');
},

这是我对show/hide的调用.'href ="javascript:void(0);"'用于阻止页面跳转,我还需要'返回false'吗？

<a href="javascript:void(0);" onclick="VSASearch.toggleDetail(this)">Show</a>

我尝试$(obj)在分号之前的每一行的末尾添加'return false' ,但那不是它.

Answer 1

你只需要在onclick处理程序上返回false.如果onclick返回false,则将停止回发/页面重新加载.

<a href="#" onclick="VSASearch.toggleDetail(this);return false;" />

或者您可以按如下方式返回函数的结果:

toggleDetail : function(obj) {
    $(obj).parent().parent().next().toggleClass('hide');
    $(obj).text() == 'Show' ? $(obj).text('Hide') : $(obj).text('Show');
    return false;
},

同

<a href="#" onclick="return VSASearch.toggleDetail(this);" />