Question

我已经讨论了几个类似的问题，但似乎都没有奏效。我试图使用jQuery click事件来fadeOut（）一个目标div，异步加载（）来自点击元素的href的目标div的内容，然后fadeIn（）新的内容。

相关网站为http://clients.weareno1.com/worklocal.org/。

我的代码如下：

$(document).ready(function() {
    $("#pri_nav a").click(function() {
        $("#content").fadeOut(400, "linear").load(this.href, function() {
            $("#content").fadeIn(800, "linear");
        });
    });
});

设置将'e'传递给click函数（即$("#pri_nav a").click(function(e) {e.preventDefault(); [....]让我大部分都在那里，但是我将离开手动剥离并替换锚点的父li中的“selected”类。这就是我要做的，但似乎有点不必要的复杂。

任何输入都将非常受欢迎。

提前感谢您的时间。

Answer 1

您在评论中提及SEO收益。搜索引擎不执行JavaScript代码。只要您的应用程序与JavaScript关闭，搜索引擎（以及具有辅助功能需求的人）就可以关注链接。

fade*方法不同步。我不会像那样链起来。

$(document).ready(function() {
    $("#pri_nav a").click(function() {
        var a = this;
        $("#content").fadeOut(400, "linear", function() {
            $("#content").load(a.href, function() {
                $("#content").fadeIn(800, "linear");
            });
        });
        return false;  // or prevent default
    });
});

在.load（）成功期间，jQuery内容不会淡入淡出

1 个答案: