Question

我正在尝试使用.fadeIn（）来使我的动态内容交换看起来更平滑。除了我得到的东西，我只能描述为双重淡入淡出（进出，然后重新进入）。

我是JS和jQuery API的新手，所以任何帮助都会受到赞赏。

演示页：http://robert-richter.com/boilerplate/

$('nav a').click(function(e) {
        e.preventDefault() 
        var href = "inc/" + this.href.split('=').pop() + ".php"
        $('.con').hide().load(href).fadeIn; 
        if (href == 'inc/blog.php') {
            document.title = 'Robert-Richter.com | Blog';
            window.location.hash = 'index.php?content=blog';
        } else if (href == 'inc/portfolio.php') {
            document.title = 'Robert-Richter.com | Portfolio';
            window.location.hash = 'index.php?content=portfolio';
        } else if (href == 'inc/lebenslauf.php') {
            document.title = 'Robert-Richter.com | Lebenslauf';
            window.location.hash = 'index.php?content=lebenslauf';
        } else if (href == 'inc/kontakt.php') {
            document.title = 'Robert-Richter.com | Kontakt';
            window.location.hash = 'index.php?content=kontakt';
        } else {
            document.title = 'Robert-Richter.com';
            window.location.hash = '';
        }
        return false;
    });

window.location.hash-thing也会在domain/boilerplate/#index.php?content=blog

之间添加一个＃

Answer 1

尝试这个，在加载新页面之前它不会再显示：

$('.con').hide().load(href, function () {
    $('.con').fadein();
});

Answer 2

如果您不需要哈希，则需要使用History API，如果浏览器不支持hash.js或history.js，则会有使用它或哈希更改的库。< / p>

双重淡入淡出使用JQuery

2 个答案: