Question

我试图设置一个相对于另一个div的伪元素，但正如我所注意到的，它不可能直接设置它所以我试图将它添加到head中的元素中，但如果你不能使用变量做，我需要。

这是我的代码。

var sectionHeight = 0;
        $(window).load(function(){
            sectionHeight = $('.checkheight').outerHeight(true);
            $("#section1::before").css({"height":sectionHeight});


        })

这是我第一次拥有的，之前我知道我无法通过jquery在css中设置伪元素的属性

这就是我现在所拥有的

var sectionHeight = 0;
        $(window).load(function(){
            sectionHeight = $('.checkheight').outerHeight(true);


        })
        $('<style>#section1:before{height: sectionHeight }</style>').appendTo('head');

但它不会使用变量来设置高度。

有人知道我的问题的正确解决方案吗？

Answer 1

您只需将样式标记附加到onload处理程序

中

$(window).load(function(){
    var sectionHeight = $('.checkheight').outerHeight(true);

    $('<style>#section1:before {height: ' + sectionHeight + 'px;}</style>').appendTo('head');
});

通过jQuery设置伪元素高度

1 个答案: