Intereting Posts
как добавить поле подписки на продукт в плагине woocommerce добавить класс к определенному `<a>` в меню PHP Неустранимая ошибка: нельзя использовать объект типа WP_REST_Response как массив в wp-include / rest-api / endpoints / class-wp-rest-posts-controller.php Оптимальный способ сделать теги в tax_query необязательными? Как добавить пользовательскую цепочку таксономии в CPT permalink? Добавление WordPress в подкаталог с Miva Merchant Store Запросить все опубликованные сообщения и вложение с определенным типом mime WooCommerce add_to_cart () с пользовательской ценой Как отображать статьи в соответствии с выбранными пользователями параметрами? Как перенести файлы cookie с .subdomain.domain.com на .domain.com с минимальным воздействием на пользователей? Используя пользовательский Javascript и pHp для отправки электронной почты себе, когда пользователь нажимает кнопку ввода, но работает только на Chrome, IE и Micorosft Edge Сортировка цикла по настраиваемому полю из разных типов сообщений Должен ли плагин SEO быть необходимым? Как я могу центрировать логотип в меню навигации? Как добавить собственный CSS-класс во ВСЕ ссылки

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, ) ) ); 

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

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

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

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

 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 относительно скоро.