Question

I’m using webkit only. I need to inject jQuery into a page that already has prototype loaded. I’m using this code to load jQuery. (you can try in console)

var s = document.createElement('script');
s.setAttribute('src', 'http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js');
s.setAttribute('type', 'text/javascript');
document.getElementsByTagName('head')[0].appendChild(s);

I get an error with just the code above.

How can I use noConflict() on load. If I put the following code after injecting the jquery script, I still get an error.

$(document).ready(function() {
  jQuery.noConflict();
  // my thing here
});

This also throw an error:

jQuery.noConflict();
$(document).ready(function() {
  // my thing here
});

Answer 1

Try

var $j = jQuery.noConflict();
$j(document).ready(function() {
  // my thing here
});

You can then use $j for any jquery $