Как удалить старые custom-css-материалы в customizer-live-preview?

У меня проблема в настройщике . Я хочу увидеть live-preview из псевдо-элементов CSS и custom_css . Поэтому я добавляю <style> в <head> как это, в customizer.js :

 wp.customize( 'custom_css', function( value ) { value.bind( function( newval ) { $('head').append("<style>"+ newval + "</style>"); } ); } );

Поэтому каждое изменение добавляет стиль в голову.

<Голова>

Это нормально с псевдоэлементами, но когда я удаляю custom_css в customizer: это изменение не будет удалено.

Как удалить старый файл custom-css в customizer-live-preview?

Спасибо за вашу помощь. 🙂

Тег <style> принимает весь глобальный атрибут HTML, включая класс и 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>"); } ); } );