jQuery scripts conflicting

**jdove523** · 03-25-2016, 10:21 PM

Please see My Final Website

This mock website uses two jquery scripts. One is for a one-page scrolling website, and the other is a Pirobox photo gallery. I think the two scripts are incompatible and I'm wondering if there's anything I can do to fix it. The first script (for scrolling) is on the index html page (as instructed) right before the closing </body> tag. The other script, for the Pirobox script(s) is in its own folder called "pirobox". These two seem to be incompatible, as Pirobox does not behave correctly (see "Pet Gallery" page and link above) and also, even though the .css is completely separate (and you may have to reload the page to see it but when the page loads it shows a padding-top of 200px or so until you refresh, then it's right) the piro css overtakes my css with certain things on the page. I'll figure out the css; mainly, I just want the two scripts to work together. Can anyone tell me what to do to fix?

**Sempervivum** · 03-25-2016, 11:07 PM

Have a look at the console:

Uncaught SyntaxError: Unexpected identifier (index):16

Code given on Pirobox website:

Code:

$(document).ready(function() {
    $().piroBox_ext({
        piro_speed : 900,
        bg_alpha : 0.1,
        piro_scroll : true //pirobox always positioned at the center of the page
    });
});

Code on your site:

Code:

$(document).ready(function() {
	$()pirobox/.piroBox_ext({
	piro_speed : 700,
		bg_alpha : 0.5,
		piro_scroll : true // pirobox always positioned at the center of the page
	});
});

**jdove523** · 03-25-2016, 11:31 PM

I don't understand. I replaced the code with your code. All that does is change the alpha and the speed. - ?

**jdove523** · 03-25-2016, 11:38 PM

I realize the line 16:

$()pirobox/.piroBox_ext({

was modified, as I was trying different things, but it doesn't make any difference. :/

**Sempervivum** · 03-25-2016, 11:56 PM

This is wrong:
$()pirobox/.piroBox_ext({

This is correct:
$().piroBox_ext({

Correct it and upload. Then we'll have a look again.

**jdove523** · 03-26-2016, 12:19 AM

Corrected and uploaded.

**Sempervivum** · 03-26-2016, 12:47 AM

The problem is that both plugins use different versions of jQuery. Pirobox uses a highly outdated one: 1.4.4
My local time is 00:46 AM. Will finish this now and continue tomorrow. Consider using a lightbox that is more up-to-date.

**VIPStephan** · 03-26-2016, 07:24 AM

And read the freakin’ sticky!

Thread: jQuery scripts conflicting

Thread Tools

Rate This Thread

jQuery scripts conflicting

Tags for this Thread

Posting Permissions