jQuery页面过渡，但保持“在新标签页中打开”

Question

嗨，我注意到几个页面的页面过渡非常漂亮（一个例子： semplice ）

如果您单击导航，则页面将淡出，重新加载并再次淡入。现在，我尝试自行创建一些内容。 我为fadeIn和fadeOut创建了效果。 然后我创建了这样的东西：

$(function(){
    fadeInbody();
    $('ul#navi li a').click(function(e) {
        e.preventDefault();
        newLocation = this.href;
        fadeInbody(function(){
            window.location = newLocation;  
        });
    });
});

实际上，这对于正常的左键单击而言效果很好。

但是现在我有了一个鼠标按钮，可以在新选项卡中自动打开链接。 我经常使用这个按钮。 在这种情况下，由于e.preventDefault(); 它会破坏此行为，并在同一选项卡上打开页面。

在不破坏默认行为的情况下创建这样的东西是否更好？ （在示例中，新选项卡的鼠标按钮有效）

Answer 1

您可以检查用户在事件的which属性中单击了哪个按钮。

因此，您的代码如下所示：

$(function(){
    fadeInbody();
    $('ul#navi li a').click(function(e) {
        if (e.which == 1) {
            e.preventDefault();
            newLocation = this.href;
            fadeInbody(function(){
                window.location = newLocation;  
            });
        }
    });
});

当用户单击左键时，基本上可以运行淡入淡出逻辑。

有关跨浏览器兼容性的信息，请参阅问题下方的注释。