问Javascript:检查CSS选择器的值并替换它
EN

Stack Overflow用户

提问于 2018-06-23 21:51:22

回答 1查看 55关注 0票数 0

我使用下面的jquery将CSS样式注入到<head>的<style id="customizer-preview">标记中。

wp.customize( 'site_title_color', function( value ) {
    value.bind( function( newval ) {
        if ( $( '#customizer-preview .site-title' ).length > 0 ) {
             $( '#customizer-preview .site-title' ).remove();
        }
        $( '#customizer-preview' ).append( '.site-title { color: ' + newval + ' ; }' );
    } );
} );

它工作得很好，除了之前输入的值没有被删除，而只是添加了新的值，弄乱了CSS。第3-5行是问题所在。基本上，我尝试检查是否已经为选择器.site-title赋值。如果有，请将其清除并替换为新值。

javascript

jquery

wordpress

回答 1

Stack Overflow用户

发布于 2018-06-24 10:59:48

在@Olian04的帮助下，我用.html替换了.append

wp.customize( 'site_title_color', function( value ) {
    value.bind( function( newval ) {
        $( '#customizer-preview' ).html( '.site-title { color: ' + newval + ' ; }' );
    } );
} );

这使得问题中的第3-5行变得不必要。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51001831

复制

相似问题

问Javascript:检查CSS选择器的值并替换它
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript:检查CSS选择器的值并替换它EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript:检查CSS选择器的值并替换它
EN