如何在定制器实时预览中删除旧的定制化css内容？

时间：2016-05-20 作者：Tada

我有个问题customizer. 我想看看live-preview 从CSSpseudo-elements 和custom_css, 也所以我附加了<style> 在<head> 像这样，在定制器中。js:

wp.customize( \'custom_css\', function( value ) {
    value.bind( function( newval ) {
        $(\'head\').append("<style>"+ newval + "</style>");  
    } );
} );
所以每次更改，都会在头部添加样式。

<head>

对于伪元素，这是可以的，但是当我在customizer中删除custom\\u css时：更改不会被删除。

如何在customizer live预览中删除旧的自定义css内容？

谢谢你的帮助。：）

1 个回复
最合适的回答,由SO网友:cybmeta 整理而成

<style> 标记接受所有全局HTML属性，包括class和id。因此，您可以执行以下操作：

wp.customize( \'custom_css\', function( value ) {
    value.bind( function( newval ) {

      if ( $("#my-custom-style").length > 0 ) {
        $("#my-custom-style").remove();
      }

      $(\'head\').append("<style id="my-custom-style">"+ newval + "</style>");

    } );
} );

标签： theme-customizer   小码农  

相关推荐