jQuery append（）不能处理某些元素

Question

我正在创建的网站是http://www.industrialmerchants.com

我脚本的问题部分如下：

var collapseAll = document.createElement('img');
    collapseAll.src = collapseAllSrc;
    collapseAll.className = "collapseAll";
    collapseAll.style.cssFloat = "right";

    imUI(".menuBrowser .sideModuleHeader").append(collapseAll);

（imUI是我正在使用的noConflict变量。如果你想知道为什么我使用这个创建DOM元素的详细方法，那是因为这是我最后努力让这段代码起作用。）

由于某些奇怪的原因，没有任何内容附加到选定的div。 div肯定是被选中的，因为length属性正在返回1.为了让事情更加混乱，我有另一个“模块”，它具有几乎相同的DOM结构。 当我改变选择器以包含来自两个模块的.sideModuleHeader div时，图像将插入第二个模块但不插入第一个模块。 有任何想法吗？

Answer 1

它确实被添加了，但稍后你会有几行：

toggleButtons = imUI(".menuBrowser img").remove(".collapseAll")...

然后立即删除它。

Answer 2

看起来你正在将核心javascript与jquery混合使用。 尝试：

var collapseAll = $('<img />').attr('src',collapseAllSrc).addClass("collapseAll");
collapseAll.css({'float':'right'})

-edit：我在attr部分有'：'而不是'，'。

Answer 3

尝试附加Child：

 imUI(".menuBrowser .sideModuleHeader").appendChild(collapseAll);