Прошу подсказать с загрузкой и выполнением js на странице

 
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1858
Вывожу на странице форму с полем input

На странице также стоит js jquery код - валидатор заполнение данного input

Так вот он работает)

но:

так же есть кнопочка, при нажатии на которую после этого поля через jquery появляется точно такое же поле input для ввода еще одного значения.
так вот элементы которые подгружены на страницу после загрузки страницы не обрабатываются js

что нужно сделать чтобы вновь испеченное поле тоже обрабатывалось
Дополнения для InstantCMS
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1981
kreator:
что нужно сделать чтобы вновь испеченное поле тоже обрабатывалось

Интересно, как можно поправить код, не видя кода? Типо блондинко звонит в автосервис и спрашивает: машина не завелась, что делать? А ее спрашивают, что за машина, какие признаки неисправности? А она: ну не знаю, это вы машины чините, должны знать, что в машинах ломается)))
Редактировалось: 1 раз (Последний: 30 января 2016 в 19:00)
NOP
Реклама
cms
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1858
Вот поле:
Код HTML:
  1. <input type="text" class="input" name="date" value="" id="date" placeholder="Год-месяц-число">
Вот скрипт который добавляем еще поле и валидатора:
Код JS:
  1. <script>
  2.  
  3. $(document).ready(function(){
  4.  
  5. var i = $('.plan_fields table').size() + 1;
  6.  
  7. $('#add').click(function() {
  8. $('<input type="text" class="input" name="date" value="" id="date" placeholder="Год-месяц-число" />').fadeIn('slow').appendTo('.fields');
  9. });
  10.  
  11. $("#date").inputmask("y.m.d", { "placeholder": "-" });
  12.  
  13. });
  14. </script>
Собственно по клику
Код HTML:
  1. <span id="add">ADD</span>
Появляется еще одно поле
Редактировалось: 1 раз (Последний: 30 января 2016 в 19:09)
Дополнения для InstantCMS
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 3661
Странник, да тут и так всё понятно, селектор валидатора привязан к конкретному инпуту.
kreator, вам надо переписать селектор на все инпуты родительского блока
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 3661
Ну, с кодом конечно интереснее, но мысли были в правильном направлении.
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1858
да хоть разные...

если в форму вывести 2 одинаковых поля сразу, оба будут обрабатываться, Если разные селекторы и к каждому привязать валидатор. обрабатываться будет.

но если поле подгружено после загрузки т.е. сгенерировано js к нему обращения нет.
Редактировалось: 2 раз (Последний: 30 января 2016 в 19:19)
Дополнения для InstantCMS
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1981
kreator, боже мой, настолько корявого кода я давно не видел)))))
Смотрите, у вас
1. два id = "date" на одной странице
2. зачем писать
Код PHP:
  1. $('<input type="text" class="input" name="date" value="" id="date" placeholder="Год-месяц-число" />').fadeIn('slow').appendTo('.fields');
когда достаточно написать
Код PHP:
  1. $("#date")...
но при условии, что этот инпут будет обладать (как и положено делать всегда) уникальным id?
Джейквери для обработки всегда берет первый из найденых элементов. А у вас куча элементов с одним и тем же неуникальным id. И еще удивляетесь что не работает.
Извините за резкость, но вы сами виноваты, что вас обозвали "блондинкой, которая звонит в автосервис"
NOP
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1858
по этой же причине я не смог вывести аяксом еще одно поле с датой, где по клике всплывает календарик для выбора. поле появления поля, никаких календариков)
Дополнения для InstantCMS
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1858
Странник:
боже мой
в приведенном мною коде только 1 id="date"
если хотите в параллельном форуме могу создать другую тему где обсудим красоту

я же говорю - не в одинаковости дело, хорошо id везде разные НО можно обращаться не по id а по классу (классы разрешите одинаковые прописать к полям?).

для примера написал этому валидатору так:

Код PHP:
  1. $(".input").inputmask("y.m.d", { "placeholder": "-" });
на странице около десятка inputov с таким классом. ко всем он прицепился, а к сгенерированому по js такому же полю не цепляется.
Редактировалось: 2 раз (Последний: 30 января 2016 в 19:37)
Дополнения для InstantCMS
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1981
kreator:
не цепляется.
может быть, потому, что в теле метода $(document).ready(function(){........}) код выполняется только после загрузки страницы?
Вынесите этот код за пределы этого метода и посмотрите, что будет
NOP
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1858
Вот это уже видимо правда. Спасибо.

p.s. Занесло меня куда то, думаешь далеко, а правда рядом.
Дополнения для InstantCMS
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: