首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >加载Ajax内容后页面跳转

加载Ajax内容后页面跳转
EN

Stack Overflow用户
提问于 2012-03-12 18:27:55
回答 1查看 1.6K关注 0票数 1

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

代码语言:javascript
运行
复制
<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的加载。

有什么解决办法吗?谢谢

我正在用它在wordpress上。下面是我遵循的教程:http://seonix.org/wordpress-seo/easy-ajax-pagination/

编辑

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

EN

回答 1

Stack Overflow用户

发布于 2012-03-12 18:33:12

有两件事:

函数()应该返回false。

另外,链接本身应该有href=“javascript:void0”;

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9672687

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档