javascript - 复制一个 div 的大小尺寸并将其应用于另一个 div。它添加了错误的尺寸吗？

Question

我真的可以使用一些帮助来解决这个问题。

我有一个容器，里面有一张图片。图像有一个红色框阴影，因此您可以看到它的宽度和高度。（见下图）

我还有另一组红色背景的空容器。我希望具有红色背景颜色的空容器与图像的大小完全相同。（见下图）

JS小提琴

这是一个全屏版本：https ://jsfiddle.net/nLv0xt52/2/embedded/result/

这是我当前的脚本：

    var imgContainer = $(".mad-hat-parent-menu .quadmenu-product-float"),
    sourceImg = $("li#menu-item-15959 span.quadmenu-item-content");

    function resizeDiv() {
        imgContainer.height(sourceImg.width());
        imgContainer.width(sourceImg.width());
    }

    setTimeout(function() {
        $(window).on("load resize", function() {
            resizeDiv();
        });
    }, 0);

目前，红色框与我需要的尺寸不匹配。这实际上只在 1920x1080 分辨率下很明显。 谢谢！

标签： javascriptjquery