Как реализовать плагин jQuery Smoothstate?

Question

Кажется, у меня есть некоторые проблемы на моем сайте aviralgupta.xyz, когда я нажимаю на ссылку навыков. Я не понимаю, почему это не работает? Пожалуйста, помогите мне получить эту ошибку в консоли для файла js functions.js: Uncaught TypeError: content.toggleAnimationClass не является функцией

Answer 1

Я видел, как этот вопрос поднимался несколько раз. Файл functions.js, который они показывают на своем сайте, использует toggleAnimation(), и он, похоже, не работает. Может быть, с более новой версией jQuery.

Я использовал другую настройку функций:

$(function(){
  'use strict';
  var $page = $('#main'),
      options = {
        debug: true,
        prefetch: true,
        cacheLength: 2,
        forms: 'form',
        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();
          }
        },
        onReady: {
          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');

});

Answer 2

На сайте представлена ​​очень хорошая демоверсия и хорошая отправная точка. Это говорит;

Все, что нам нужно, чтобы начать это:

1) Включите копию jQuery и jQuery.smoothState.js на своей странице

2) Создайте новый файл js и запустите $('#main'). SmoothState ()

3) Добавить контейнер с идентификатором "#main" и включить в него несколько ссылок

Ссылка: http://miguel-perez.github.io/smoothState.js/getting-started.html