Hello !

I customized the theme using ScrollMagic functions (like you can see on this page : http://with-barry.fr/what-we-do/ or this one : http://with-barry.fr/who-we-are/), but I have to disable Ajax transitions to make them work.

Do you have a solution to keep my ScrollMagic functions working with Ajax page transitions ? I think I have to make something refreshing my JavaScript functions after a page transition, but I don't know how to do.

Thank you !

Hello,

Thank you for your answer !

I already have de ajaxSuccess function in chilscript.js.

I tried enqueing me chilscript.js file in /include/scripts-config.php, but it don't work. I'm really not sure if I made it well or not. Can you check it in the file attached here ?

I added

wp_register_script(
            'grenadachild-scripts',
            get_stylesheet_directory_uri() . '/grenada-child/childscript.js',
            array('jquery'),
            false,
            true
        );

And

wp_enqueue_script( 'grenadachild-scripts' );

Thank you for your help

I don't understand because ScrollMagic scripts file is already enqueued in scripts-config.php by default :

wp_register_script(
          'scrollmagic',
          get_template_directory_uri() . '/js/scrollmagic.min.js',
          array('jquery'),
          false,
          true
        );

And I don't understand when you say "you put the code for any initialization you need in each page."

I didn't said it, but my customs scrollmagic functions are in childscript.js, I don't know if it's useful to say that.

Sorry but I'm a beginner in jQuery and JS, can you help me ?

Thank you

Hello.

Yes the jQuery plugin is already used by the theme by default.

I know the scroll magic is coded in /js/scripts.js, but I made my own scrollMagic scenes in childscript.js (see the attachment).

My problem is still the same : my custom ScrollMagic code in childscript.js is not working with Ajax Load activated.

It works when I put my code from childscript.js in /js/scripts.js, but not when my code is only in childscipt.js, because childscript.js is not enqueued the same way than /js/scripts.js for Ajax Loading.

So how can I enqueue childscript.js to work with Ajax page transitions like it work with /js/scripts.js ?

This is my question.

Sorry for the confusion.

Can you help me again please ?

Thank you.

I don't understand because it don't work for me.

Have you tried to navigate from a page to another page with the "Load Page in Ajax" enabled in the theme options ? Because I disabled it before to avoid the bug, but I want to be able to enable Ajax Load with my pages loading correctly.

In your video it seems like the page transition you made isn't with the ""Load Page in Ajax" option activated.

Try to switch between pages "About" and "Missions" with Ajax Load and you'll see I think.

Now it works !

Thank you !