Intereting Posts

Как изменить настройки по умолчанию Сообщения из категории на домашней странице с категорией архивов страницы по умолчанию css Как изменить чувствительную позицию боковой панели и появление в дочерней теме? URL-адрес тайны http: // # / Перечислен в XML-файле Sitemap Создано WordPress SEO от Yoast Plugin Как удалить элементы меню панели мониторинга для пользователей с несколькими пользователями? Как добавить идеальный апостроф и цитату в сообщениях WordPress? Как показать общую сумму в woocommerce? Как вы принудительно устанавливаете панель WordPress по умолчанию 1 coulmn? 301 перенаправление для конвертированного типа сообщения Правильный способ подключения wp_get_attachment_url Связать страницу с конкретным шаблоном одной записи? изменяя цикл несколько раз с аргументами, переданными через ajax на wp_query Переключение между вкладками Visual и HTML свободно Обновление заголовка сообщения с помощью wp_update_post wp redirect 301 не работает на странице wordpress

Как удалить старые 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>"); } ); } );