Search code examples
javascriptjqueryjoomla

jQuery - working / not working - joomla, google libs


I've got an odd situation and can't figure it out why my JavaScripts are not working.

this is the general problem - if I load jquery 2.2.0 from this link: "https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"

it all works fine

however Joomla is loading it's own version 1.2 which I've overridden with my template to current 3.3.1 version

  • at this point things are working but I've got 2 jQuerys loaded (one from joomla and other from google lib)

  • if I remove google 2.2 version, JS is not working (loading with standard script inside html)

  • if I replace jquery in my template with 2.2.0 version from google it is not working still (loading trough joomla head)

I get this error: TypeError: $.tablesorter is undefined

it makes no sense to me


Solution

  • I have managed to resolve the issue by replacing all

    $(function () {...
    

    With

    jQuery(function ($) { ..
    

    I'm loading latest jQuery from my own server

    I have exact same setup on another site and have no such problems