如果该幻灯片离开，如何从内容中为我的页脚容器提供相同的宽度

Question

如果我打开我的测试网站：http://devauth.labscope.de/htmlapp/report-overview_test.html

单击左上角的图标（过滤器），使内容和页脚向左滑动，我看到页脚容器的宽度与内容容器的宽度不同，因为内容中的滚动条会生成此内容。

我如何在我的代码中解决这个问题？：

jQuery('.filter').on("click", function(e){
        e.preventDefault();

        var state   = $(this).data('state'),
            wrapper = $('#content').data('left'),
            footer  = $('#footer').data('left');

        jQuery("#content").animate({
            left: state ? wrapper : -250,
            duration: 1000
        }, "normal");

        jQuery("#footer").animate({
            left: state ? footer : -250,
            duration: 1000
        }, "normal");

        jQuery(this).data('state', !state);


    });

我希望有人有想法。

Answer 1

试试这个：

$(document).ready(function() {
    $('#footer').width($('#content').width());
});