Как привязать событие клика к динамически добавленному выпадающему списку select2 - PullRequest
Новая
       8

Как привязать событие клика к динамически добавленному выпадающему списку select2

0 голосов
/ 30 августа 2018

Я пытаюсь добавить событие click в уже отображенное выпадающее меню select2. Select2 динамически добавляется на страницу при загрузке. Это возможно? Я пытался добавить его в класс div и во многие другие классы, но он не отвечает. 

<div class="select2-drop select2-display-none select2-drop-auto-width select2-drop-active" style="left: 394.375px; top: 1289.56px; bottom: auto; display: block; width: auto;" id="select2-drop">
    <div class="select2-search select2-search-hidden select2-offscreen">
        <label for="s2id_autogen143_search" class="select2-offscreen"> </label>
        <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-143" id="s2id_autogen143_search" placeholder="" aria-activedescendant="select2-result-label-191"> </div>
    <ul class="select2-results" role="listbox" id="select2-results-143">
        <li class="select2-results-dept-0 select2-result select2-result-selectable select2-highlighted" role="presentation">
            <div class="select2-result-label" id="select2-result-label-191" role="option"> <span class="select2-match"> </span>the same time:</div>
        </li>
        <li class="select2-results-dept-0 select2-result select2-result-selectable" role="presentation">
            <div class="select2-result-label" id="select2-result-label-192" role="option"><span class="select2-match"></span> a different time: </div>
        </li>
    </ul>
</div>

Я пробовал версии этого: 

$('body').on('click', '#select2-drop', function () {
  alert('wow');
});

Или это: 

$(document).on('click', '#select2-drop', function () {
  alert('wow');
});

Я сейчас использую это: 

window.addEventListener('load', function () {
...