Гладкое состояние, вводящее неправильные элементы головы в страницу

Question

Гладкое состояние, вводящее неправильные элементы головы в страницу

Проблема

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');
});

0

javascript ajax html5 smoothstate.js

Источник

user4068666 01 окт '18 в 22:25

1 ответ

Другие вопросы по тегам javascript ajax html5 smoothstate.js

user4068666 01 окт '18 в 23:03 2018-10-01 23:03 · Answer 1 · 2018-10-01 23:03

Исправлена. <head> проблема с загрузкой была вызвана не добавлением соответствующих классов в $page объект.

#main содержит весь контент, который я хотел исчезнуть.
head наше <head> элемент, который содержит все стили.
body все тело страницы.

var $page = $('#main','head','body')

$(function(){
  'use strict';
  var $page = $('#main','head','body'),
      options = {
        debug: true,
        prefetch: true,
        cacheLength: 1,
        blacklist:'.luxbar-item',
        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');
});