jquery - mootools 与 jQuery 不兼容

Question

如果页面还包含 mootools-core.js，则以下 jQuery 代码段将失败。

foo2 对象没有元素。这是因为 find("#content") 无法返回任何内容。

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

好的，确认这是 mootools 的问题。

mootools 覆盖 Element.getElementById，并且 jQuery 的 find("#content") 此后失败。

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