Thread

I’m attempting to leverage the jQuery UI Sortable functionality.

I know that jQuery and jQuery UI are already included in EE, but when I attempt to invoke the Sortable functionality in my template, I keep getting errors that it doesn’t recognize the $ jQuery identifier, because in the header I already have some jQuery functionality that works.

Currently I have the following in my template:

[removed]
$(document).ready(function() {
        $( "#logo_list" ).sortable();
 $( "#logo_list" ).disableSelection();
});
[removed]

I originally had this in my header Javascript include, but it wasn’t executing, so I was fearful it had to do with the embedding.

Any idea what I’m missing?

Thanks,

One mistake on my end was that I assumed the jQuery module added it to the back and front end of the EE install.

I’ve now added the appropriate jQuery & jQuery UI files:

[removed][removed]
[removed][removed]

But now it’s still giving me the following:

TypeError: $(’#logo_list’).Sortable is not a function

I have validated that both jQuery and jQuery UI are being picked up. I also tried the absolute URL and a local downloaded version of jQuery UI, but no luck!

Any idea what I’m missing?

Thanks,

Wow, talk about a mind numbing day!

It ended up being because with the JS files in the header the loading in the page was screwing it up. When I moved the includes to the footer it started working.

Is that standard practice with the jQuery/jQuery UI includes?