Is there a conflict somewhere on my CMSMS?

[fearmydesign]

Hello, I am using a fresh new installation of 1.10.3 and everything is working fine as far as the layout goes, except for one page; it seems that its conflicting with CGCalendar maybe... but the CGCalendar is working fine.

Issue: the top jQuery rotating banner that I have just stays loading and never shows the images?

Page with banner working: http://www.chilesoy.com/index.php

Page with banner NOT working: http://chilesoy.com/index.php?page=eventos

My page template has the following code at the top:

Code: Select all

{literal}
<__script__ type="text/javascript" src="uploads/js/jquery-1.5.1.min.js"></__script>
		<__script__ type="text/javascript" src="/uploads/js/jquery.orbit-1.2.3.min.js"></__script>	
			<link rel="stylesheet" href="/uploads/js/orbit-1.2.3.css" />
		<__script__ type="text/javascript">
			$(window).load(function() {
				$('#featured').orbit();
			});
	</__script>
{/literal}

Then inside the same page under options/metadata I have this:

Code: Select all

{JQueryTools action='incjs'}

<__script__ type="text/javascript">
{literal}
jQuery(document).ready(function(){
  jQuery('a.calendar_event').fancybox();
});
{/literal}
</__script>

Can anyone help me figure out the conflict? Thank you

[Wishbone]

View the source on both. Your second link has a boatload of jquery plugins that the first one doesn't... Likely there is some conflict there.

[fearmydesign]

View the source on both. Your second link has a boatload of jquery plugins that the first one doesn't... Likely there is some conflict there.

Thank you, and I see what you are talking about... however these are automatically being pulled by the JQueryTools Module I installed to get the CGCalendar to display the fancybox window for the events... hope this makes sense... if I uninstall this module, my calendar events pop-up window will not work properly....

[Wishbone]

For the fun of it, insert the other jquery plugins into your home template to verify that this is the conflict.... Then remove one of them at a time to see which is causing the conflict and we can go from there.

[fearmydesign]

For the fun of it, insert the other jquery plugins into your home template to verify that this is the conflict.... Then remove one of them at a time to see which is causing the conflict and we can go from there.

First of all thank you for taking the time to help me out, I really appreciate it.

Here's what I've got... I placed both <scripts> on a GlobalContent block (1 for the top banner, and the other for the fancy box window event of the calendar), so now I have this code on my template

Code: Select all

{JQueryTools action='incjs'}
{global_content name='script'}

Everything works now except for the event on the calendar, it now opens on a new window, not even on the same page, so the fancy box window is not working.

Also, I am not able to remove 1 by 1 of the jQuery per your suggestion as these are automatically placed on the page when calling the {JQueryTools action='incjs'} module, so I could not test that part...

hope this helps, any suggestions?

Thanks

[Wishbone]

Also, I am not able to remove 1 by 1 of the jQuery per your suggestion as these are automatically placed on the page when calling the {JQueryTools action='incjs'} module, so I could not test that part...

I meant that you can put the plugins manually into the home page template, without the {JQueryTools} call. Then you can remove them one at a time. From the help, it seems that you can include specific ones that you need.

Code: Select all

(optional) include="" - Applicable only to the incjs action, this parameter allows explicitly including certain jquery plugins whilst excluding all others. If this parameter is specified, the exclude parameter will be ignored. Possible values are tablesorter,cluetip,form.

[Dr.CSS]

I'm surprised any jquery works on either page, you shouldn't have two main 'jQuery' calls in a page...

Very top of home page...
eryTools/lib/jquery-1.4.2.min.js">

Below all that...
cript" src="uploads/js/jquery-1.5.1.min.js">