Intereting Posts
Страницы WordPress ломаются с пользовательскими настройками постоянной ссылки (каталог темы не выводится) Добавить всплывающее окно подтверждения javascript на ссылку «Переместить в корзину» Поддомены подстановочных подстановок WordPress на Plesk JS cookie для отображения модальных изображений после X-страниц Как включить настраиваемые поля, которые отключены по темам? Скрыть категории детей Woocommerce на странице категории Отображать get_post_meta, если содержит значение Previous_post и Next_post – Пользовательский тип сообщения Как перенаправить невостребованных пользователей из URL-адреса на определенную страницу? Можно ли использовать функцию для вывода текстового доменного имени в теме wordpress Миграция запроса mysqli в wp_query Пользовательское значение URL не сохраняется? Запрос прекратил работу Мой класс метабокса Условно (cpt) фильтр previous и next_post_link

Customizer: мгновенно обновлять предварительный просмотр при вводе в поле ввода номера

Я работаю над некоторыми настройками для моей темы. Я использую хром. Я создал поле ввода числа:

$wp_customize->add_setting( 'st_opacity', array( 'default' => '100', 'type' => 'theme_mod', 'capability' => 'edit_theme_options', 'transport' => 'postMessage', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'st_opacity', array( 'label' => 'Opacity (%)', 'section' => 'sitetitle_options', 'settings' => 'st_opacity', 'type' => 'number', 'input_attrs' => array('min' => '0', 'max' => '100'), 'priority' => 41, ) ) ); 

Предварительный просмотр обновляется в двух случаях: – Когда я использую клавиши со стрелками, когда выбрано поле номера. – Когда я набираю числовое поле и затем выхожу за него.

Я хочу, чтобы предварительный просмотр обновлялся, пока я просто печатаю в поле чисел. Как я могу это сделать?

Когда я использую обычный ввод текста, он мгновенно обновляет предварительный просмотр. Но с номером ввода, он работает по-другому.

Solutions Collecting From Web of "Customizer: мгновенно обновлять предварительный просмотр при вводе в поле ввода номера"

Это работает для меня:

 jQuery(document).ready(function(){ setTimeout(function() { jQuery('input[type="number"]', window.parent.document).on('keyup', function(){ window.parent.jQuery(this, window.parent.document).trigger('change'); }); }, 0); }); 

Используйте customize_preview_init для установки этого js.

Причина такого поведения объясняется тем, что базовый wp.customize.Element не обновляется, чтобы знать о типах ввода HTML5, хотя основная причина заключается в том, что он должен прослушивать input события вместо текущего подхода к решению использовать ли change , keydown или другие обработчики событий. Все теперь должны обновляться, чтобы использовать input только, поскольку это стандарт, и нам больше не нужно беспокоиться о несовместимости IE. См. # 35832 . Короче говоря, это должно быть исправлено в небольшом выпуске WordPress относительно скоро.