Comments on: Using jQuery with Joomla!

By: frlobe

frlobe — Mon, 07 Jun 2010 22:23:53 +0000

Hello
I am trying to implement JQuery inside my Joomla site. I am using the Jumi module./component but there is no default.php file inside. Where do I copy those 3 lines in this case?
$document = &JFactory::getDocument();
$document->addScript(JPATH_SITE.’/media/system/js/jquery.js’ );
$document->addScriptDeclaration ( ‘jQuery.noConflict();’ );
I was wondering to copy them in my template, that is Beez. Is it correct?
Thank you

By: It Marvel

It Marvel — Tue, 25 May 2010 07:10:14 +0000

I tried this code, works fine with me, but when i see javascript console i get error

Error: $ is not a function
Source File: /templates/ja_purity/js/ja.script.js
Line: 72
Error: $ is not a function
Source File: /media/system/js/mootools.js
Line: 53

How to eliminate these ?

By: ling

ling — Sat, 24 Apr 2010 22:29:58 +0000

Thanks for this very helpful tip !
I hope It will be part of future Joomla! implementations…

By: mrazi

mrazi — Mon, 22 Mar 2010 22:18:52 +0000

I tried to use these three lines in my code:
$document = &JFactory::getDocument();$document->addScript(JPATH_SITE.’/media/system/js/jquery.js’ );$document->addScriptDeclaration ( ‘jQuery.noConflict();’ );

and Mozilla Firefox says that jQuery is not defined. I use the latest jquery. Can you help with this?

By: Neil

Neil — Mon, 15 Feb 2010 03:09:47 +0000

Thank you very much for this. I’ll take a look at it now. Any help like this is much appreciated.
Best wishes,
Neil.

By: Muhammad Yuqi

Muhammad Yuqi — Fri, 12 Feb 2010 06:21:47 +0000

i’ll try it.. hope this is work

By: Sanjeev

Sanjeev — Thu, 28 Jan 2010 04:56:46 +0000

@Neil: I have created a plugin to use jquery with joomla. You can easily work with jQuery with the plugin without any joomla core hacks. The plugin is available at http://www.joomlaguru.com.np/freebies/plugins/12-plgosjquery.html

There are other modules and plugins also for you to use

By: Neil

Neil — Wed, 27 Jan 2010 22:52:48 +0000

I was thinking or creating a Joomla site using Jquery and was told there would be conflicts but I knew someone out there such as your good self would have covered this already. Thank you very much for sharing this information – it’s brilliant.

Regards,
Neil.

By: Sanjeev

Sanjeev — Tue, 05 Jan 2010 05:01:59 +0000

@keogh: The code
$document = &JFactory::getDocument();
$document->addScript(JPATH_SITE.’/media/system/js/jquery.js’ );
$document->addScriptDeclaration ( ‘jQuery.noConflict();’ );

should be written as a php code in a view not as js code as

< ?php
$document = &JFactory::getDocument();
$document->addScript(JPATH_SITE.’/media/system/js/jquery.js’ );
$document->addScriptDeclaration ( ‘jQuery.noConflict();’ );
?>

I hope this will solve the problem. Let me know if it works

By: keogh

keogh — Mon, 04 Jan 2010 19:53:31 +0000

If I write this line

$document->addScriptDeclaration ( ‘jQuery.noConflict();’ );

I get the error -> $ is not a function

If I don’t write that line, no error is displayed and jQuery works fine, but I don’t if by omitting that line I could get errors i the future..

Thanks!