Question

I have multiple JS Frameworks running and some onClick="changeText()" with the content just changing the elements text. In my script I have

jQuery(document).ready(function($){
     function changeText(){
         $('#test').text('Hello World!');
     }
});

I believe that the Jquery.ready function is throwing it all off. In my debugger it is telling me that it cannot find my changeText() function, which the script is 100% loading in (I can view via view:source -> js link). Also if it makes a difference I’m running Joomla 1.5 with Mootools being loaded in as my other framework.

I also know the functions are 100% right because I can run them normally in a standard html page without the Jquery.ready function.

Is there a way to specify what file to call this from or ‘hacky’ way around this?

Answer 1

From the documentation,

var $j = jQuery.noConflict();

immediately after your jquery script tag will change the jQuery variable to $j