• Firstly,I love everything about this plugin, works very well and easy to use so Thank You.

    But it breaks AJAX Page Transitions on one site I’m writing for a client.

    I use the QODE Bridge Theme on my site and in a QODE Forum the following suggestion was offered:
    “Find the main function which initialize this plugin, and add that function call in our theme folder/js/ajax.js open this file and paste this function inside function perPageBindings () { … } then minimize whole code from ajax.js (use this https://javascriptcompressor.com/ ) and copy/replace to ajax.min.js”

    The perPageBindings function is as follows:
    function perPageBindings () {
    “use strict”;

    $j(‘.qode_slider_preloader .ajax_loader_slider’).hide();
    content = $j(‘.content_inner’);
    contentMinHeight();
    contentMinHeightWithPaspartu();
    initQodeSlider();
    initQodeCarousel();
    initMessageHeight();
    initListAnimation();
    initPieChart();
    initPieChartWithIcon();
    initServiceAnimation();
    initParallaxTitle();
    loadMore();
    prettyPhoto();
    initFlexSlider();
    fitVideo();
    initAccordion();
    initAccordionContentLink();
    initMessages();
    fitAudio();
    initProgressBarsIcon();
    initMoreFacts();
    placeholderReplace();
    initPortfolio();
    initPortfolioZIndex();
    initPortfolioJustifiedGallery();
    initPortfolioMasonry();
    initPortfolioMasonryFilter();
    initTabs();
    qodeInitAdvancedTabs();
    qodeInitAdvancedTabsIcons();
    qodeInitAccordions();
    initTestimonials();
    initTestimonialsCarousel();
    initBlog();
    initBlogMasonryFullWidth();
    initQBlog();
    initLoadNextPostOnBottom();
    showContactMap();
    backButtonShowHide();
    backToTop();
    initSteps();
    showGoogleMap();
    updateShoppingCart();
    initProgressBarsVertical();
    initImageHover();
    countClientsPerRow();
    animatedTextIconHeight();
    checkAnchorOnScroll();
    checkHeaderStyleOnScroll();
    initVideoBackground();
    initVideoBackgroundSize();
    initIconWithTextAnimation();
    initPortfolioSlider();
    initBlogSlider();
    qodeInitBlogCarouselTitled();
    initCoverBoxes();
    countAnimatedTextIconPerRow();
    ajaxSubmitCommentForm();
    createContentMenu();
    contentMenuScrollTo();
    contentMenuCheckLastSection();
    createSelectContentMenu();
    initButtonHover();
    initEnlargeButton();
    initSocialIconHover();
    qodeIcon().init();
    initTabsActiveBorder();
    setActiveTabBorder();
    initImageGallerySliderNoSpace();
    initVerticalSplitSlider();
    initToCounter();
    initCounter();
    initCountdown();
    initProgressBars();
    initPageTitleAnimation();
    initQodeElementAnimationSkrollr();
    initIconShortcodeHover();
    initIconWithTextHover();
    initMasonryGallery();
    parallaxLayers();
    initHorizontalMarquee();
    initTextMarquee();
    initExpandingImages();
    initBlogMasonryGallery();
    initBlogGallery();
    initPreviewSlider();
    initInDeviceSlider();
    initContentSlider();
    qodeBlogCompundMasonryGallery().init();
    qodeBlogHeadlines();
    qodeBlogGalleryAnimation();
    qodeInitStickyWidget();
    qodeLazyImages();
    initItemShowcase();
    qodeV2Button().init();
    qodeCardsSlider().init();
    qodeCardsSlider().load();
    qodeCardsGallery();
    qodeCTASection().init();
    qodeInitEllipticalSlider();
    qodeInitPricingCalculator();
    qodeSlidingImageHolder();
    qodeInitInteractiveIconShowcase ();
    qodeInitSendContactForm();
    qodeRecaptchaCallback();
    qodeWorkflow();
    //these functions are for landing page
    if($j(‘.landing_holder’).length){
    initExamplesFilter();
    }
    if($j(‘.landing_tour’).length) {
    initExamplesFilter();
    initFullScreenWrap();
    initSickyMenu();
    }
    }

    The question is What function from the plugin do I need to add???

    Many thanks in advance
    Rog

  • The topic ‘Plugin breaks theme AJAX page transitions’ is closed to new replies.