Сглаживание JS проблема с визуальным композитором в WordPress - PullRequest
Новая
       17

Сглаживание JS проблема с визуальным композитором в WordPress

0 голосов
/ 11 января 2019

Мне удалось заставить smoothstate нормально работать с WordPress. Но визуальные элементы композитора не работают, я думаю, что это предотвращает визуальный композитор от re-initialize после вызова ajax.

Если на первой странице, которую я загружаю, есть элемент visual composer, он работает нормально, но когда я перехожу на другую страницу с элементом visual composer, все элементы не работают и не работают.

Я надеюсь, что кто-то мне поможет с этим, три дня пытались безуспешно.

Вот мой код ниже: 

$(document).ready(function () {

/*    
    $(function() {
    $('#smoothBody').smoothState();
});*/

function addBlacklistClass() {
    $('a').each(function () {
        if (this.href.indexOf('/wp-admin/') !== -1 ||
            this.href.indexOf('/wp-login.php') !== -1) {
            $(this).addClass('wp-link');
        }
    });
}

(function ($) {
    'use strict';
    addBlacklistClass();

    var $page = $('#smoothBody'),
        options = {
            anchors: 'a',
            repeatDelay: 100,
            debug: true,
            forms: 'form',
            scroll: true,
            prefetch: true,
            cacheLength: 25,
            blacklist: ".no-smoothstate, .post-edit-link,  a[href*='.jpg'], a[href*='.png'], a[href*='.jpeg'], a[href*='.pdf']",
            prefetchOn: 'mouseover touchstart',
            onBefore: function (a) {
                a.attr("href") == window.location.href && I.pageContainerSmoothState.clear(window.location.href)
            },
            onStart: {
                // How long this animation takes
                duration: 1000,
                // A function that dictates the animations that take place
                render: function (url, $container) {
                    $(".loading_overlay ").addClass("is_exiting");
                }
            },
            onProgress: {
                // How long this animation takes
                duration: 0,
                // A function that dictates the animations that take place
                render: function ($container) {

                    $(".loading_overlay ").addClass("is_loading");
                }
            },
            onReady: {
                duration: 1000,
                // `$container` is a `jQuery Object` of the the current smoothState container
                // `$newContent` is a `jQuery Object` of the HTML that should replace the existing container's HTML.
                render: function ($container, $newContent) {
                    // Update the HTML on the page
                    $container.html($newContent);
                    $(".loading_overlay ").addClass("is_entering");

                }
            },
            onAfter: function ($container, $newContent) {
                $(".loading_overlay ").removeClass("is_exiting");
                $(".loading_overlay ").removeClass("is_loading");
                $(".loading_overlay ").removeClass("is_entering");

                /*        window.location.reload();*/

            }
        },
        smoothState = $page.smoothState(options).data('smoothState');
})(jQuery);


$(".loading_overlay ").removeClass("is_entering");


setTimeout(function () {
    $(".loading_overlay ").addClass("is_entering");
    $(".loading_overlay ").removeClass("is_entering");
    $(".loading_overlay ").removeClass("is_loading");
    $(".loading_overlay ").removeClass("is_exiting");



    /*    $(function() {
            $('#smoothBody').smoothState();
        });*/
}, 1050);
setTimeout(function () {
    $(".loading_overlay ").addClass("is_entering");
    $(".loading_overlay ").removeClass("is_entering");
    $(".loading_overlay ").removeClass("is_loading");
    $(".loading_overlay ").removeClass("is_exiting");



    /*    $(function() {
            $('#smoothBody').smoothState();
        });*/
}, 1100);

});
...