Javascript 如何在jQuery中获得响应性相同的宽度？

我已将一个项目的宽度设置为与另一个项目的宽度匹配。我的jQuery的这一部分正在工作，但不起作用的是调整视口大小时的宽度调整。我所拥有的是：

jQuery(document).ready(function($){

    // Width Adjustment for Back Item
    $('.hpadvantageitem_back').css({ width : ($('.hpadvantageitem_front').width() + 64) });
    $('.hpextrainfoitem_back').css({ width : ($('.hpextrainfoitem_front').width() + 64) });
});

jQuery(window).load(function($) {

    // Width Adjustment for Back Item
    $('.hpadvantageitem_back').css({ width : ($('.hpadvantageitem_front').width() + 64) });
    $('.hpextrainfoitem_back').css({ width : ($('.hpextrainfoitem_front').width() + 64) });
});

jQuery(window).resize(function($){

    // Width Adjustment for Back Item
    $('.hpadvantageitem_back').css({ width : ($('.hpadvantageitem_front').width() + 64) });
    $('.hpextrainfoitem_back').css({ width : ($('.hpextrainfoitem_front').width() + 64) });
})

文档就绪和窗口加载功能似乎正在工作，但窗口大小调整功能却没有。我必须设置相等宽度的原因是，主要元素hpadvantageitem_front具有位置：相对，而hpadvantageitem_back具有位置：绝对。对于hpadvantageitem_back项，两个容器的父容器都具有position:relative，以便它留在父容器中。为什么hpadvantageitem_back不能只添加宽度：100%是因为它的宽度由于某种奇怪的原因超过了父对象的宽度，尽管它不应该这样做

快速而肮脏的解决方案是添加一些JavaScript，以强制hpadvantageitem_返回到与hpadvantageitem_front相同的宽度，我可以到此为止

有没有人能帮我让hpadvantageitem\u及时调整它的宽度

如果你觉得需要HTML和CSS，请告诉我，我会发布它

---

感谢您的帮助。

如果您可以使用css htmlI创建一个新的应用程序，将会更容易。我非常抱歉，各位。我在这个问题上绞尽脑汁，试图找出我的JS all到底出了什么问题，结果发现它没有启动，因为网站上运行着另一个脚本。请忽略这个问题。我的另一个问题解决后，我上面的jQuery就可以工作了@萨姆·巴塔特，谢谢你抽出时间，祝你度过一个美好的夜晚。