Intereting Posts
Как отобразить архив, выбрав год, а затем выбрав месяц Генерация пароля без учетной записи Как обновить billing_email при обновлении user_email Вложение видео Youtube в комментарии Как сделать ссылку «больше» или «продолжить чтение» на выдержках nofollow? Эффективное управление огромным количеством блогов с учетом ограничений на стороне сервера Поиск в реальном времени Разбивка страниц не работает на статической странице использование 10 новых WP_Query: загрузка слишком медленно (с url) wp_enqueue_script отдельно для каждого короткого кода Каков правильный способ сопоставления нескольких доменов в многопользовательской установке WordPress 4.1? Когда загружается таблица метаданных пользователя? Как вы разделяете цикл с несколькими столбцами на странице архива категорий? Как получить таксономические условия по ID в определенном порядке как использовать разные дизайн страницы для разных категорий

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