Проблема
Smoothstate.js сохраняет <head>
страницы, на которой я только что находился, и вставляет ее обратно на домашнюю страницу, когда я возвращаюсь к index.html
.
Например: я щелкаю ссылку, которая приводит меня к proj1.html
Затем я хочу покинуть эту страницу, щелкая ссылку на домашнюю страницу, которая возвращает index.html
.Страница возвращается домой, но макет не работает, потому что домашняя страница <head>
содержит содержимое <head>
из proj1.html
. Таким образом, все мои стили нарушаются на домашней странице.
Smoothstate кэширует <head>
, и я не уверен, как этого избежать ...
Я пытался использовать метод очистки кэша, но безуспешно.smoothState.clear();
Вот мой JS
$(function(){
'use strict';
var $page = $('#main'),
options = {
debug: true,
prefetch: true,
cacheLength: 0,
onStart: {
duration: 250, // Duration of our animation
render: function ($container) {
// Add your CSS animation reversing class
$container.addClass('is-exiting');
// Restart your animation
smoothState.restartCSSAnimations();
}
},
onStart: {
duration: 0,
render: function ($container, $newContent) {
// Remove your CSS animation reversing class
$container.removeClass('is-exiting');
// Inject the new content
$container.html($newContent);
}
}
},
smoothState = $page.smoothState(options).data('smoothState');
});