$ in openlayers lib conflicts with jquery

patch for Util.js that removes the $ definition

jpulles:

I don't understand why this is a problem.

• If jQuery is loaded before OpenLayers, $ should be defined before OL is, which means that we won't redefine it.
• If jQuery is loaded after OpenLayers, it should clobber the "$".

Can you tell me why these are not happening?

The $ will likely not be going away entirely before 3.0, since many applicatinos using the 2.x series are using it.

Replying to crschmidt:

jpulles: I don't understand why this is a problem. * If jQuery is loaded before OpenLayers, $ should be defined before OL is, which means that we won't redefine it. * If jQuery is loaded after OpenLayers, it should clobber the "$". Can you tell me why these are not happening? The $ will likely not be going away entirely before 3.0, since many applicatinos using the 2.x series are using it.

The problem only occurs in Internet Explorer. Firefox apparently loads the javascript files in the correct order, but IE has a problem doing that. Although jquery.js is above openlayers.js in the head section, the $ is defined by OpenLayers. From http://blogs.msdn.com/kristoffer/archive/2006/12/22/loading-javascript-files-in-parallel.aspx: "... but Internet Explorer will execute the scripts in the order they finish downloading in whereas Firefox downloads them asynchronously but still executes them in the order they are attached in the DOM."

Replying to jpulles:

The problem only occurs in Internet Explorer. Firefox apparently loads the javascript files in the correct order, but IE has a problem doing that. Although jquery.js is above openlayers.js in the head section, the $ is defined by OpenLayers. From http://blogs.msdn.com/kristoffer/archive/2006/12/22/loading-javascript-files-in-parallel.aspx: "... but Internet Explorer will execute the scripts in the order they finish downloading in whereas Firefox downloads them asynchronously but still executes them in the order they are attached in the DOM."

Yes, the script loading order is a problem in IE. If you want to make sure that you use the jquery $ function, you should add the following at the top of your onload method:

window.$ = function(selector, context) {
    return new jQuery.prototype.init(selector, context);
}

This is just a re-definition of the jquery $ function.

Replying to ahocevar:

Yes, the script loading order is a problem in IE. If you want to make sure that you use the jquery $ function, you should add the following at the top of your onload method: {{{ window.$ = function(selector, context) { return new jQuery.prototype.init(selector, context); } }}} This is just a re-definition of the jquery $ function.

Thank you for the tip. I now changed it to "window.$ = window.jQuery;" which has the same effect.

I still don't understand: *either* order tha it is loaded in, jQuery should still work. Am I right? Unless jQuery checks whether anything has defined "$" and doesn' set it if so, in which case, that would be a problem.

I'm also curious as to whether adding a 'defer=defer' to the OpenLayers.js is enough to push the loading later, until after jQuery is loaded...

This page in the jQuery documentation may be of assistance: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Mass ticket move out of 2.7 in preparation for a release plan.

If you are actively working on this task, and think that you can help this ticket to get finished and closed by September 1, please move it back to 2.7.

Moving this to 2.8 unless someone shows signs of actually wanting to fix this.