За последние 24 часа нас посетили 22286 программистов и 1158 роботов. Сейчас ищут 720 программистов ...

Динамически созданный элемент не видит скрипт.

Тема в разделе "JavaScript и AJAX", создана пользователем Arhitec, 8 окт 2018.

  1. Arhitec

    Arhitec Новичок

    С нами с:
    13 июл 2016
    Сообщения:
    43
    Симпатии:
    1
    Доброго всем дня, уважаемые эксперты!
    Пробую реализовать своими руками функции "Модального окна" на JS + JQ.
    Здесь полный код реализации: http://jsfiddle.net/arhitec/xpvt214o/871638/
    Хотя на jsfiddle.net запустить его мне не удается.
    Однако вот здесь: http://architec.3440.aqq.ru/aw-content/aw-style/aw-modal-style.html все работает.
    А вопрос казалось бы простой, но мне не хватает знаний, чтобы заставить работать функцию закрытия модального окна не по крестику, а по кнопке "Отмена"

    Если в кратце, то модальное окно собирается из кусков, часть из которых копируется как html-код из ранее созданных. Такие как: 1. Заголовок окна; 2. Тело окна; 3. Кнопки или "ноги" окна. Таким образом я позволяю пользователю самому наполнять модальное окно нужными элементами. А сам внешний вид модального окна уже формирую в функции awModal();

    Проблема в том, что не срабатывает клик на кнопке "Отмена" внутри модального окна.
    Код (Javascript):
    1. $('.aw-button-cancel').on('click', function()
    2. {console.log('click');});
    Такая конструкция не срабатывает. И не могу понять почему?!

    P.S. Причем, если проследить на чем происходит клик:

    Код (Javascript):
    1. document.onclick = function( e )
    2.     {
    3.         console.log( e.target );
    4.     }
    Тот тут происходит клик именно на кнопке "Отмена"...
     
    #1 Arhitec, 8 окт 2018
    Последнее редактирование: 8 окт 2018
  2. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.750
    Симпатии:
    1.322
    Адрес:
    Лень
    Код (Javascript):
    1. $( 'body' ).on('click', '.aw-button-cancel', function()
    Глобально...
     
    Arhitec нравится это.
  3. Arhitec

    Arhitec Новичок

    С нами с:
    13 июл 2016
    Сообщения:
    43
    Симпатии:
    1
    Верно я понял, нужно искать клик не на конкретном элементе а по всему телу страницы?
    Благодарю за помощь - все заработало!
     
    #3 Arhitec, 8 окт 2018
    Последнее редактирование: 8 окт 2018
    MouseZver нравится это.