Bootstrap簡單轉換示例

Question

在我的站點中使用引導程序，並希望在頁面之間添加冷卻轉換而不是href或window.location =。我從bootstrap網站了解到，它可能帶有bootstrap的開箱即用功能。

預計一個簡單的例子將非常容易獲得，但似乎無法找到任何。

任何人都可以告訴我如何？

謝謝

Answer 1

我不認爲這種行爲是可能開箱即用的。 該解決方案可以是一個偵聽器添加到各個環節，所以，在新的頁面加載，舊的已隱藏：

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

接下來需要添加DOM修改監聽器會隱藏每一個新創建的對象。這可能看起來像（注意：據我所知DOMSubtreeModified事件現在已被棄用，但據我所知這是唯一不需要第三方擴展的解決方案，這就是爲什麼我建議它。可以使用一些jQuery插件一樣的liveQuery）：

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

而且最後一個動作是顯示所有元素，因此：

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

而且顯而易見的是，你需要包括這個腳本在每個模板中