CSS之后的Wordpress Customizer、FS和：

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,
            } );
        }
    } );
} );

有人能告诉我哪里出了问题吗？它与伪CSS之后的:有关吗？我不明白，因为在保存更改后，它在内联CSS中工作正常。我的问题只是js要实时显示变化。

Answer 1

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

例如，您正在更改页眉背景颜色，因此结果将显示在表单中

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

但是对于HTML伪css元素就不会发生这种情况，因为它们不是元素，所以样式不能应用于上面的样式。