加载 Ajax 内容后页面跳转答案

【问题标题】：Page Jumps After Ajax content is loaded加载 Ajax 内容后页面跳转
【发布时间】：2012-03-12 18:27:55
【问题描述】：

单击<a> 时，我正在尝试通过ajax 加载内容。我正在使用的代码：

<script type="text/javascript">
jQuery(document).ready(function(){
    // ajax pagination
    jQuery('.znn_paginate a').live('click', function(){
        var link = jQuery(this).attr('href');
        jQuery('.lay1').html('<div class="zn_ajaxwrap"><div class="zn_ajax"></div></div>');
        jQuery('.lay1').fadeOut("slow").load(link+' .post').fadeIn('slow'); 

    }); 
}); // end ready function
</script>

问题是加载内容时页面跳转到顶部。我试图通过以下方式阻止它：e.preventDefault(); 但随后 ajax 加载停止了。我猜它停止也阻止了 ajax 加载..

有什么解决办法吗？谢谢

P.S：我在 wordpress 上使用它。这是我遵循的教程：http://seonix.org/wordpress-seo/easy-ajax-pagination/

编辑

代码有问题。我现在使用它没有任何问题：http://pastebin.com/vbXqmTHq

【问题讨论】：

标签： ajax wordpress

【解决方案1】：

两件事：

你的 function() 应该返回 false。

链接本身也应该有 href="javascript:void(0);

【讨论】：

<a> 标签附有链接并自动生成：<a class="amp_page" href="http://localhost/wordpress/">1</a>，当我添加返回 false 时，ajax 加载不起作用。
你能粘贴你的新函数并返回 false 吗？或者指出你把它放在你的函数中的什么地方？
我在本地服务器上进行测试。对于快速加载，很难判断 ajax 是否真的在工作。我试图将我的主题上传到 Web 服务器上，但看起来 ajax 负载不起作用。这是链接（您可以在标题区域找到代码）：tritonlite.towfiqi.com/test -thanks
它似乎对我有用，但它确实跳到了页面顶部。那么，你把 return false 放在哪里了？
该代码有问题。我现在正在使用它并且它工作正常。没有任何页面加载和跳转：pastebin.com/vbXqmTHq 感谢您的努力。