DNN 6 中的菜单位置混乱

Question

我的 DNN 模块有一些图像按钮，单击时会显示子菜单。正如预期的那样，菜单的绝对位置是使用 javascript 计算的。到目前为止，这一直运行良好（在 DNN4 和 DNN5 中）。但我们注意到 DNN6 中存在一个问题。菜单位置偏离了大量像素（可能有几百个）。 由于我没有编写计算代码，而且我也不是 JS 专家，所以我无法理解 DNN6 对它有何影响。 这是函数：

function AbsolutePosition(obj) {
        var pos = null;
        if(obj != null) {
            pos = new Object();
            pos.top = obj.offsetTop;
            pos.left = obj.offsetLeft;
            pos.width = obj.offsetWidth;
            pos.height= obj.offsetHeight;
            obj = obj.offsetParent;
            while(obj != null) {
                pos.top += obj.offsetTop;
                pos.left += obj.offsetLeft;
                obj = obj.offsetParent;
            }
        }
return(pos);
}

我想了解父页面结构如何影响这段代码 - 因为更改皮肤没有任何区别。这与页面元素的组织方式有关。

编辑：我也在寻找有关我可以尝试的代码修改的建议。

任何意见表示赞赏！谢谢。

Answer 1

这与绝对定位的工作原理有关。当元素绝对定位时，其位置（由上面代码中的 top 和 left 元素表示）相对于其最近的祖先，具有 position relative 或 absolute 的 code> 样式。在 DNN 6 中，模块包装器现在指定了 position:relative（新操作菜单使用它来定位）。新的控制面板也可能有一些类似的更改（如果菜单不在模块中）。

您可以尝试这个脚本，如果元素的位置是绝对或相对，它就会停止爬树：

function AbsolutePosition(obj) {
    if (!obj) {
        return null;
    }

    var pos = {
        top: obj.offsetTop,
        left: obj.offsetLeft,
        width: obj.offsetWidth,
        height: obj.offsetHeight
    },
    positionsToStopAt = {
        relative: true,
        absolute: true
    };

    obj = obj.offsetParent;
    while(obj && !positionsToStopAt[jQuery(obj).css('position')]) {
        pos.top += obj.offsetTop;
        pos.left += obj.offsetLeft;
        obj = obj.offsetParent;
    }

    return pos;
}