-
AuthorPosts
-
March 16, 2011 at 9:58 am #161522
Hi,
I have Ja Portfolio template (joomla 1.6) with the JA Slideshow module. The module will not display at all when I manually insert this line of code into the head of the document:
<script src="jquery-ui-1.8.5.custom/development-bundle/jquery-1.4.2.js"></script>I imagine this is caused by a conflict between this script and a script used by the JA slideshow module. Can anyone tell me if this is the case, and if so, how can I fix this?
Thanks,
WillMarch 18, 2011 at 4:21 am #381985I have looked at the following thread: http://www.joomlart.com/forums/topic/ned-help-with-jquery-no-conflict/
I believe that I need to use
<script>jQuery.noConflict();</script>
to resolve the issue. I have tried placing in several spots in various parts of my html code. Each time I do this my jQuery script is disabled and the slideshow begins functioning correctly.I have tried placing it directly after this line
<script src="jquery-ui-1.8.5.custom/development-bundle/jquery-1.4.2.js"></script>
and also tried calling it later on inside a module.Does anyone have any suggestions?
thuanlq Friend
thuanlq
- Join date:
- October 2010
- Posts:
- 528
- Downloads:
- 0
- Uploads:
- 29
- Thanks:
- 8
- Thanked:
- 121 times in 99 posts
March 18, 2011 at 7:53 am #382021Hi Thewill,
To use jQuery in your site, please include jquery after of all js in the <head> tag, as:
<head>
...
<script src="modules/mod_jaslideshow/assets/script.js"></script>
<script src="jquery-ui-1.8.5.custom/development-bundle/jquery-1.4.2.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>
</head>
– Please provide your website link, if you can’t resolve this problem.Regards,
1 user says Thank You to thuanlq for this useful post
March 21, 2011 at 4:13 am #382409Thanks for your help. I have now resolved the issue.
I was able to use the jQuery.noConflict() but had to change my script to get it working.
This is the way I had it previously:
jQuery.noConflict();
$(function()
{
jQuery('.date-pick').datePicker({clickInput:true});
});
And this is how it should be:
jQuery.noConflict();
jQuery(function()
{
jQuery('.date-pick').datePicker({clickInput:true});
});
Regards,
May 12, 2011 at 5:49 am #390878I have a custom template which I added some mootools and jquery functions. I followed thuanlq’s solution by just injecting the script:
<?php JHTML::_(‘behavior.mootools’); ?>
<link rel=”stylesheet” href=”<?php echo JURI::base(); ?>templates/system/css/system.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo JURI::base(); ?>templates/system/css/general.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo JURI::base(); ?>templates/green/css/template.css” type=”text/css” />
<script type=”text/javascript” src=”<?php echo JURI::base(); ?>templates/green/js/jquery.js”></script>
<script type=”text/javascript” src=”<?php echo JURI::base(); ?>templates/green/js/jparallax.js”></script>
<script type=”text/javascript”>
jQuery.noConflict();
</script><script type=”text/javascript”>
jQuery(document).ready(function(){
jQuery(‘#parallax’).jparallax({});
});
</script>
hope this info helps 🙂
January 16, 2012 at 12:37 pm #434014I upgraded recently my site http:http://www.funhelps.com and the jupgrademodule requires mootools to be activated, so finally when i disabled it worked perfectly again.!!!
<em>@mvsx 239964 wrote:</em><blockquote>I have a custom template which I added some mootools and jquery functions. I followed thuanlq’s solution by just injecting the script:<?php JHTML::_(‘behavior.mootools’); ?>
<link rel=”stylesheet” href=”<?php echo JURI::base(); ?>templates/system/css/system.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo JURI::base(); ?>templates/system/css/general.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo JURI::base(); ?>templates/green/css/template.css” type=”text/css” />
<script type=”text/javascript” src=”<?php echo JURI::base(); ?>templates/green/js/jquery.js”></script>
<script type=”text/javascript” src=”<?php echo JURI::base(); ?>templates/green/js/jparallax.js”></script>
<script type=”text/javascript”>
jQuery.noConflict();
</script><script type=”text/javascript”>
jQuery(document).ready(function(){
jQuery(‘#parallax’).jparallax({});
});
</script>
hope this info helps :)</blockquote>
-
AuthorPosts
This topic contains 6 replies, has 4 voices, and was last updated by 
We moved to new unified forum. Please post all new support queries in our New Forum