Bug CMS slider widget script conflict

[Captive Reefs]

I've got an instance of the slider on my forum home which works perfectly along with the parallax javascript (a custom add-in) that I run. However on the CMS page, one or the other slider/parallax fails. I think the only time the parallax script works is when it is using a cached version...and then the slider won't load.

Either way, I think it works on the forum page because the slider scripts are loaded before the parallax script, whereas the CMS page they are loaded last.

I guess I'm hoping you can give me an idea of how to move my parallax script so it will load after the slider on the CMS. Or if you have another idea why its not working, I'm all ears.

(BTW- I'm still not live with vb4...so this is only a test site right now.)

 

[bszopi]

Is there any way you can provide the error that is given in Firebug? Also, how about a link to the other script?

Brad
via Moto X

 

[Captive Reefs]

Brad-

The link to the other script is http://coral.captivereefs.com/jquery.scrolling-parallax.js

The error is "jQuery is not defined".

I think you've helped me out with this one before.

 

[bszopi]

Just wonder if the other script doesn't include the NoConflict part.... I'll take a look tomorrow and see if I can help fix the issue.

Brad
via Moto X

 

[bszopi]

In the file you linked to above, find the following text, and add in the BOLD part.

* FOR USAGE INSTRUCTIONS SEE THE DOCUMENATION AT: 301 Moved Permanently
*
*
*/

jQuery.noConflict();
( function( $ ) {

 

[Captive Reefs]

Didn't seem to help. I think it made the actual error go away...not seeing it when I use developer tools, but the scripts still aren't playing nice together on the content page.

I think it is still throwing this error:
Uncaught TypeError: Object [object Object] has no method 'scrollingParallax'

 

[bszopi]

Unless I can get access to your Dev site, I'm not sure i'll be able to figure it out.

Brad
via Moto X

 

[Captive Reefs]

I posted a link in the this thread in the initial input fields, but I'm guessing you cant access that with your phone. The address is

CR Test Site - CMS Page


CR Test Site - Forum (scroll down the page for the slideshow)

I can set you up with admin if it would help...

 

[bszopi]

Yes please. I've got a busy night with kid activities after work, but after that I'll take a look.

Brad
via Moto X

 

[bszopi]

Ok, it appears it was a widget cache issue. I set the widget cache to 0 (default of 5) and it appears to be working fine now.

 

[Captive Reefs]

Thanks its firing better now. But I am still not getting my other script to work due to some conflict. Got any suggestions for getting my script to load in after the slider on the CMS? Its working on the forum where it loads before the parallax script...so I assume that must be the issue.

 

[bszopi]

Ahh, I just figured the other script was going and the slider just wasn't working. What does the other script do so I can know what I'm looking for?

Brad
via Moto X

 

[Captive Reefs]

Look on the forum page here: CaptiveReefs

The background scrolls at a different rate from the page content. If you notice the CMS page the background isn't scrolling.

 

[bszopi]

The issue I am seeing is that jQuery is being called AFTER the parallax script is being called, therefore its not seeing anything in the script that has to do with jQuery as being valid. I looked around, but can't see where you are calling that script at. If you can move it down, or call jQuery before it (and then disable loading jQuery for vBSlider), then it all should work for you.

 

[Captive Reefs]

If you search the page source code for this "jquery.scrolling-parallax.js" you'll see where its loading. On the CMS, it appears the slider is injecting its jquery scripts at the very end of the page. I may be able to add my script into the dbtech slider pluggin so it loads it afterwards. I guess that is the easiest thing to try for now.

 

[bszopi]

Right, I see where it is loading on the page, I just couldn't find where it is loaded in a template. I looked through several where I thought it might be, but couldn't find it.

Brad
via Moto X

 

[Captive Reefs]

That fixed it...I added the jquery script to the end of the widget.php file. Works great...now I just need to remember that if it needs to be updated again.

 

[Ozzy47]

That fixed it...I added the jquery script to the end of the widget.php file. Works great...now I just need to remember that if it needs to be updated again.

Just bookmark this post.

 

[bszopi]

Glad you got it to work. There is probably a better way to do it though, perhaps by doing a simple plugin that calls the script, and then have it execute after the slider script.

Brad
via Moto X

 

[Captive Reefs]

You've reached my knowledge point with that (my php knowledge is very low...sometimes I can hack something to make a minor change and that's about it)...but I would like to learn how to do it. Any tips would be appreciated.