Question

我设置了一个项目的宽度以匹配另一个项目的宽度。我的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具有position：relative，而hpadvantageitem_back具有position：absolute。两个容器的父级也具有位置：相对于hpadvantageitem_back项，因此它将保留在父容器内。 hpadvantageitem_back为什么不能只有宽度：100％的问题是因为它的宽度超出了父级的宽度有一些奇怪的原因，即使它不应该。

快速而肮脏的解决方案是添加一些JavaScript以强制hpadvantageitem_back具有与hpadvantageitem_front相同的宽度，我可以将其称为一天。

有人会如此善良并帮助我如何使hpadvantageitem_back响应地调整它的宽度吗？

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

感谢您的帮助。

如何在jQuery中获得响应相等的宽度？

0 个答案: