mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
71 lines
1.7 KiB
JavaScript
71 lines
1.7 KiB
JavaScript
$.when($.ready).then(function() {
|
|
$('#nav').on('click', 'a', function (event) {
|
|
|
|
// Allow opening links in new tabs
|
|
if (event.metaKey) {
|
|
return
|
|
}
|
|
|
|
// Prevent following link
|
|
event.preventDefault()
|
|
|
|
// Get desired link
|
|
var href = $(this).attr('href')
|
|
|
|
// Make Ajax request to get the page content
|
|
$.ajax({
|
|
method: 'GET',
|
|
url: href,
|
|
cache: false,
|
|
dataType: 'html',
|
|
}).done(function(html) {
|
|
|
|
// Parse the HTML response
|
|
var title = $(html).filter('title').text()
|
|
var nav = $(html).find('#nav').html()
|
|
var content = $(html).find('#content').html()
|
|
|
|
$('#sidebar').addClass('hidden')
|
|
$('#sidebar-close').addClass('hidden')
|
|
|
|
// Update the page
|
|
$('title').text(title)
|
|
$('#nav').html(nav)
|
|
$('#content').html(content)
|
|
|
|
// Scroll to the top of the page
|
|
$(document).scrollTop(0)
|
|
|
|
// Add page load to brower history
|
|
window.history.pushState({
|
|
'title': title,
|
|
'nav': $(html).find('#nav').html(),
|
|
'content': $(html).find('#content').html()
|
|
}, '', href)
|
|
})
|
|
})
|
|
|
|
// Load page history (for back/forward nav)
|
|
window.onpopstate = function(e) {
|
|
if(e.state){
|
|
|
|
// Update the page
|
|
$('title').text(e.state.title)
|
|
$('#nav').html(e.state.nav)
|
|
$('#content').html(e.state.content)
|
|
}
|
|
}
|
|
|
|
// Close sidebar (mobile)
|
|
$('#sidebar-close').on('click', function () {
|
|
$('#sidebar').addClass('hidden')
|
|
$('#sidebar-close').addClass('hidden')
|
|
})
|
|
|
|
// Show sidebar (mobile)
|
|
$('#sidebar-open').on('click', function () {
|
|
$('#sidebar').removeClass('hidden')
|
|
$('#sidebar-close').removeClass('hidden')
|
|
})
|
|
})
|