Getting a JS function not defined type of error.

[ids]

I need to use the jquery-ui library. Things work fine when not in a Shadows page, starting from a blank page.

I thought JQuery was finally loaded in a default Shadows. Remembered incorrectly? When I attempted to run a function from the UI library the console eluded to JQuery not found, etc.
Then I added JQuery manually (a CDN) in the header or footer. I've also added as a JS resource.

The difference now is: the function I'm calling isn't defined or it's not a function. This is usually a conflict with another script or the sequence (order) the scripts are loaded is wrong. Or maybe that there is a second instance of JQuery called?

The order of scripts, I think, are:

load JQuery
load the jquery-ui library
load the plugin extended library (if there is one) -- none in this case.

I'm not sure what I'm missing.

Thanks,

Scott

[ids]

I think I'll create a ticket for this. But...

Some progress, but not really. Getting the same issue as above with the exception that the built-in JQuery is being used and is likely not called more than once.

The client found the doc snippet on https://docs.miva.com/readytheme-shadows/ under the Javascript section on the page. This method isn't an obvious or intuitive one IMO. Still, it seems to help? However, the problem now moves to the "hook" function instead of the plugin function.

The console window error:

jQuery.Deferred exception: $.hook(...) is not a function TypeError: $.hook(...) is not a function

My conclusion is that the implementation has an error regardless of the plugin. I have confirmed the jquery-ui library is loading in a correct order.

Does anyone have an example of a working hook function in Shadows? And/Or, how can I get the function to execute when triggered?

Scott

[Ron Frigon]

Just grasping at straws... If jQuery loading is deferred make sure your function is also deferred. This could cause them to fire out of order.

[Gordon - Phosphor Media]

JQuery UI cannot be deferred. The library will not be updated to support it.

[ids]

I'm looking but still don't know how to defer the function.

But, it doesn't look like jquery-ui needs to be deferred. But, if deferring applies, only the hook function would need to be deferred.

How would the "hook" function be deferred?

Scott

[ids]

UPDATE: this variable has been eliminated.

Here's a question. I eliminated the one other console error and now I am finding that the functions maybe hanging on the branchkey preview script. Any thoughts on incompatibility?
I'll have to try this setup in a primary for Shadows somehow.

Scott

Update Solution:
Support helped with the solution.

Added an additional call of a JQuery CDN just before the closing body tag followed by the jquery-ui library.

So this works. The enigma is that the JQuery (a later version than shipped with Shadows) is the second instance. Don't know why this isn't a problem. But, everything is firing as expected right now.