Проблемы с работой скрипта маски телефона maskedinput в Elementor

Рейтинг: -2Ответов: 1Опубликовано: 24.05.2023

Скрипт в форме на странице Elementor работает, а в форме во всплывающем окне Elementor - нет. Кто-то может подсказать причину, и как с этим бороться?

wordpress маска elementor
Источник: Stack Overflow на русском

Ответы

▲ 1

Решение вопроса предложил Михаил Кобзарев: 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 " употребил " * ", и все заработало.