当前位置：文江博客话题详情

用于使用 ajax 调用而不是页面加载来导航站点的 jQuery 插件？

发布于 2024-11-07 17:09:48 字数 481 浏览 0 评论 0原文

我正在寻找一个有文档记录的、跨浏览器支持的 jQuery 插件，我可以用它来构建一个像这样的网站： http://redsquareagency.com/

如您所见，当您浏览网站时，URL 通过哈希值发生变化所有新页面都是通过 ajax 调用而不是页面加载来加载的。这允许在加载新页面时使用一些简洁的动画。

我已经搜索了一段时间，试图找到一个提供此功能的好插件。我能找到的最好的是 jQuery Ajaxy： http://balupton.com/sandbox/jquery-ajaxy /demo/

但是，缺少文档，而且我发现它与最新的 jQuery 版本（1.6.0）不兼容。

有人知道可以实现此目的的插件吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

尘曦 2024-11-14 17:09:48

嗯，我不认为有一个插件可以做所有事情。但是你几乎可以结合 jquery 历史记录插件自己做一些 jquery。

您要做的就是编写一些代码，使您的所有 hrefs 通过 AJAX 加载。就像这样 -

$(document).ready(function() {
            $.history.init(loadContent);
            $('#navigation a').not('.external-link').click(function(e) {
                    var url = $(this).attr('href');
                    url = url.replace(/^.*#/, '');
                    $.history.load(url);
                    return false;
                });
        });

就是这样。 jquery 历史插件将处理剩下的事情。您还应该阅读 Google 文档，了解如何正确执行此操作他们对其进行索引。

Hmmm I don't think there is ONE plugin that does everything. But you can pretty much do some jquery your self with combination of jquery history plugin.

What you do do is write some code make all your hrefs load via AJAX. Like this -

$(document).ready(function() {
            $.history.init(loadContent);
            $('#navigation a').not('.external-link').click(function(e) {
                    var url = $(this).attr('href');
                    url = url.replace(/^.*#/, '');
                    $.history.load(url);
                    return false;
                });
        });

And that's it. The jquery history plugin will take care of the rest. You should also read google's documentation on how to do this properly for them to index it.

回复收藏 0 原文