Inline javascript gives "JQuery not defined" when JQuery is loaded in footer

[eduardoarandah]

This causes problems when jQuery is loaded in footer.

How to reproduce

This plugin (from roots.io) loads Jquery from CDN and in footer: https://github.com/roots/soil

When installed, slider gives a "JQuery not defined"

Discussion

http://wordpress.stackexchange.com/questions/48530/how-do-i-make-script-load-after-jquery

Reference

https://codex.wordpress.org/Function_Reference/wp_enqueue_script

I don't know about best practices, know little about javascript. May be this could work:

• Instead of calling JQuery inline, make a function runSlider().
• Call runSlider() in jsFile which is properly loaded with wp_enqueue_script

[eduardoarandah]

I solved it!! (half the problem)

How:

1. Parameters render as html attributes
2. A JS function takes those parameters from inside the tag and executes crellySlider()

TODO

• Custom JS callbacks don't work
• Don't know how to make a foreach() on every .crellyslider-slider, this works with only one slider

Sorry, I don't know much about javascript.

This is the file changed in a fork: https://github.com/eduardoarandah/crelly-slider/blob/master/wordpress/frontend.php

[marcosignacio]

You can modify frontend.php like this (lines 217+):

` // $output .= '' . "\n"; ?>

<?
    return $output;`

[KuzMaxOriginal]

I trust the best solution is to add an option in slider settings or shortcut arguments to load script after DOM is loaded:

document.addEventListener('DOMContentLoaded', () => {
  // here goes the code
});