4

我正在尝试使用 .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 在 like 之间添加了一个 #domain/boilerplate/#index.php?content=blog

4

2 回答 2

3

试试这个,在新页面加载之前它不会再次显示:

$('.con').hide().load(href, function () {
    $('.con').fadein();
});
于 2013-08-02T11:56:46.970 回答
0

如果您不想要哈希,则需要使用History API,如果浏览器不支持hash.jshistory.js ,则有一些库会使用它或更改哈希。

于 2013-08-02T12:01:57.570 回答