Incompatibilité de mootools avec jQuery

Question

L'extrait jQuery suivant échoue si une page inclut également mootools-core.js.

L'objet foo2 n'a aucun élément. C'est parce que find ("# content") ne retourne rien.

var foo1 = $("<div><div id='content'>HAGGIS</div></div>"); 
var foo2 = foo1.find("#content"); 

alert("foo1("+foo1.length+"): "+$('<div>').append(foo1.clone()).remove().html() 
    + "\n\n" + 
     "foo2("+foo2.length+"): "+$('<div>').append(foo2.clone()).remove().html()); 

Answer 1

Ok, ceci est confirmé pour être un problème avec mootools. Mootools annule Element.getElementById et la recherche de jQuery ("# ​​content") échoue par la suite.

http://forum.jquery.com/topic/jquery-noconflict-mootools-load-does-not-work-with-specified-div

Answer 2

Faire une copie de getElementById et faire appel jQuery que l'on place. Pour ce faire, AVANT Mootools sont importées:

Element.prototype._getElementById = Element.prototype.getElementById; 

Ensuite, faire une recherche et de remplacement dans votre source jQuery pour context.getElementById et les remplacer par context._getElementById. Il n'y a que 4 occurrences dans jquery-1.4.4.

Answer 3

getElementById est dans l'objet de document si c'est le code correct:

Document.prototype._getElementById = Document.prototype.getElementById; 

Cela ne fonctionne que dans Chrome (9.0.597.98), je vais essayer une autre solution ...

New Edition: happly je l'ai! Fonctionne dans tous les navigateurs testés (hourra!):

document._getElementById = document.getElementById;