Question

我认为我的问题的根源在于我正在使用ng-repeat，因此我不会过多地详述其余内容，但可以随意询问精确度。

所以，是的，我正在使用ng-repeat重复一个数组中存储的一定数量的div。

当我创建一个新的div并将其添加到数组中时......

var newDiv = document.createElement('div');
$scope.arrayDiv.push(newDiv);

...我也创建了一个按钮（好吧，我实际上使用了一个图像）并将它附加到div。

var newButton = document.createElement('img');
newButton.style="position: absolute; top: 6px; left: 16px; z-index: 9999;";
newButton.onclick=function() {
    //delete the parentNode
}
newDiv.appendChild(newButton);

此按钮实际上是一个关闭按钮，用于删除包含它的div。到目前为止一切顺利，但这是我的问题：

关闭按钮仅显示在第一个div上，而不显示在其他div上。但是，按钮正在一个接一个地正确关闭div。因此，这让我认为按钮是叠加的。

不确定我是否清楚，对不起。顺便说一句，这是ng-repeat：

<div id='main_chart_div' ng-repeat="x in arrayDiv" value={{x}}></div>

Answer 1

确保您的newDiv具有相对位置。如果不是，newButton的位置将相对于具有相对位置的最近父亲。

重复附加按钮重叠？

1 个答案: