Bootstrap简单转换示例

Question

在我的网站中使用bootstrap，并希望在页面之间添加很酷的过渡而不是href或window.location =。我从bootstrap网站了解到它可以开箱即用。

预计一个简单的例子是非常容易获得的，但似乎找不到任何东西。

谁能告诉我怎么样？

由于

Answer 1

我不认为这种行为可以开箱即用。 解决方案可以是为所有链接添加一个监听器，因此在加载新页面之前，旧页面已被隐藏：

$(document).on('click', 'a', function() {
    $('*').fadeOut();
});

接下来，添加一个DOM修改侦听器，它将隐藏每个新创建的对象。这看起来像（注意：据我所知，DOMSubtreeModified事件现已弃用，但据我所知，它是唯一不需要第三方扩展的解决方案，这就是我建议的原因。'正确'方法是使用一些jQuery插件，如livequery ）：

$(document).bind('DOMSubtreeModified', function(){
    // hide new element
})

最后一个动作是显示所有元素，所以：

$(document).ready(function() {
    $('*').fadeIn();
});

显而易见的是，您需要在每个模板中包含此脚本