У меня проблема в настройщике . Я хочу увидеть 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>"); } ); } );