Question

我正在尝试使用AJAX来实现此过渡效果，但效果不适用于它。我在每个html页面中基本上都有一个包装类和一个innerwrap类。当您点击其中一个navbar项时，当前页面中的innerwrap会淡出，点击的innerwrap链接中的navbar将会淡入。这是我的脚本：< / p>

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

我看到的方式是，当前的innerwrap淡出，点击的网址的innerwrap渐渐消失。我一直在努力寻找解决方案通过不同的问题，但我似乎找不到与我提供代码的方式相似的方法。如果你无能为力，可以引导我走向一个代码有点相似的问题，那将是非常棒的。谢谢！

Answer 1

也许我错了，但是你在代码中所做的事情正逐渐消失http://example.com/ .innerwrap这就是因为你正在使用url变量来放置href属性的值a元素。

尝试使用.load(url, function(){})来实现您的目标。 HERE您可以从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;
    });
});

我还没有测试过这段代码。

AJAX过渡效应

1 个答案: