Wordpress Customizer，FS和CSS之后

Question

好的，我正在尝试将主题与WordPress Customizer API集成在一起。

一切正常，除了JS部分。 我有这件作品按预期方式工作：

// Header back color.
wp.customize( 'header_backcolor', function( value ) {
    value.bind( function( to ) {
        if ( 'blank' === to ) {
            $( 'header' ).css( {
                'background': '#18bc9c'

            } );
        } else {
            $( 'header' ).css( {
                'background': to,
            } );
        }
    } );
} );

现在我需要对header hr.star-light:after元素（进行中）进行相同的修改，但是下一段不起作用，尽管是相同的代码（我只用header替换了header hr.star-light:after ：

// Header Star Light back color. (not working)
wp.customize( 'header_backcolor', function( value ) {
    value.bind( function( to ) {
        if ( 'blank' === to ) {
            $( 'header hr.star-light' ).css( {
                'background-color': '#18bc9c'

            } );
        } else {
            $( 'header hr.star-light' ).css( {
                'background-color': to,
            } );
        }
    } );
} );

谁能告诉我哪里出了问题？ 它与：after伪CSS有关吗？ 我不明白，因为保存更改后它在内联CSS上正常工作。 我的问题仅在于js以实时显示更改。

Answer 1

您用于在Fly上应用样式更改的jQuery代码将样式应用于HTML元素。

例如，您正在更改标题背景颜色，因此结果将采用以下形式

<header style="background:#333 /* Your custom background color */; ">
<?php bloginfo('name') // Site Title
?>
</header>

但这对于伪css元素不会发生，因为它们不是HTML元素，因此无法像上面所应用的那样将样式应用于它们。