AJAX过渡效果

Question

我正在尝试使这种过渡效果与AJAX一起使用，但该效果不适用于它。 我基本上在每个html页面中都有一个包装器类和一个innerwrap类。 当你点击一个navbar项目中， innerwrap在当前页淡出和innerwrap在点击navbar链接淡入这里是我的脚本：

$(document).ready(function () {
    $('#navbar a').click(function () {
        var url = $(this).attr('href');
        $('.wrapper').fadeOut('.innewrap').load.fadeIn(url + ' .innerwrap');
        return false;
    });
});

我看到的方式是，当前的innerwrap逐渐消失，所单击的url的innerwrap逐渐消失。我一直在努力通过此处的不同问题来寻找解决方案，但我似乎找不到与之相似的解决方案。我提交代码的方式。 如果您不能帮忙，但可以引导我解决一个问题，那就是代码有点相似，这太棒了。 谢谢！

Answer 1

也许我是错的，但是您在代码中所做的工作正在淡入http://example.com/ .innerwrap ，这是因为您使用的是url变量，您在其中放置a元素的href属性值。

尝试使用.load(url, function(){})来实现所需的.load(url, function(){}) 。 在这里，您会从jQuery;中找到有关load（）的更多信息。此外，您的fadeIn()和fadeOut()语法似乎有些奇怪。

我认为这更是您想要的：

$(document).ready(function () {
    $('#navbar a').click(function () {
        var aObj = $(this);
        var url = $(this).attr('href');
        $('.wrapper').load(url, function(){
            $(this).find('.innerwrap').fadeOut();
            $(a).find('.innerwrap').fadeIn();
        });
        return false;
    });
});

我尚未测试此代码。