-2

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

6
  • 1
    "как с этим бороться" -- например дебажить. Вообще по количеству деталей которые Вы привели, трудно сделать хоть какие-то выводы, кроме того что у Вас Elementor, две форми и в модалке не работает маска.
    – Simon
    24 мая в 8:18
  • Ответ так же глубок, как и мой вопрос, очевидно. А какие еще детали нужны? Подскажите, - я добавлю. Консоль не ругается. Форму прямо на странице я тестовую делал. Она работает правильно. Она мне не нужна, и я ее удалил.
    – Alandr
    24 мая в 8:34
  • А какого ответа Вы ожидаете?) Какой ответ Вы бы сами дали кому-то в такой ситуации? Ну например могли бы дать немного больше деталей о том, откуда вообще в Вашем плагине/теме берется этот скрипт, где и как Вы его инитите? Вероятно что скрипт инитится до того как появляется форма в модальном окне или может быть еще куча других причин в зависимости от того что это за форма и как она стоится.
    – Simon
    24 мая в 9:04
  • Ответ ниже. Я надеялся, что кто-то это решение нашел до меня. А так потерял лишние 2 часа. И что значит откуда берется? Вы ничего об этом скрипте не знаете, и что-то пишите? Я знаю о нем лет 5, и всегда с успехом применял. Вот столкнулся с использованием в попапе, и застрял.
    – Alandr
    24 мая в 10:21
  • Вместо минуса за вопрос можно поставить плюсик за ответ. )))
    – Alandr
    24 мая в 10:31

1 ответ 1

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 " употребил " * ", и все заработало.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.