0

我正在创建的网站是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 时，图像将插入第二个模块而不是第一个模块。有任何想法吗？

4

3 回答 3

3

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

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

然后立即将其删除。

于 2012-09-05T19:07:37.767 回答
1

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

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

-edit：我在 attr 部分有一个“：”而不是“，”。

于 2012-09-05T18:54:24.657 回答
-2

尝试附加子项：

 imUI(".menuBrowser .sideModuleHeader").appendChild(collapseAll);
于 2012-09-05T18:54:02.910 回答