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.js或history.js ，则有一些库会使用它或更改哈希。

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