Проблемы с работой скрипта маски телефона maskedinput в Elementor
Скрипт в форме на странице Elementor работает, а в форме во всплывающем окне Elementor - нет. Кто-то может подсказать причину, и как с этим бороться?
Ответы (1 шт):
Автор решения: Alandr
Этот код работает в простой форме.
→ Ссылка
Решение вопроса предложил Михаил Кобзарев: https://www.kobzarev.com/wordpress/masked-input-for-elementor/ Когда мы инициализируем скрипт маски, нужно изменить скрипт инициализации. Стандартный:
jQuery(
function( $ ) {
$( 'input[type="tel"]' ).mask(
'+7-(999)-999-9999',
{
placeholder: ' '
}
);
}
);А для нормальной работы маски в форме в попапе нужен такой:
jQuery(
function( $ ) {
$( document ).on(
'elementor/popup/show',
function ( event, id, instance ) {
$( 'input[type="tel"]' ).mask(
'+7-(999)-999-9999',
{
placeholder: ' '
}
);
}
);
}
);Но и этот вариант не идеален. Я вместо " 9 " употребил " * ", и все заработало.