Мой скрипт jquery никогда не выполняется, я считаю, что это проблема с селектором классов

Question

У меня есть следующий скрипт:

<script>
    $(".dropdown-menu li a").onclick = function () {
        alert("got in");
    };
</script>

и вот код моего выпадающего списка

<div class="dropdown" style="margin:5px;">
        <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown">
            Choose Fix Version
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" id="fixVersionDropdown">
            <li><a href="#">Test</a></li>
        </ul>
    </div>

Содержимое выпадающего списка создается на лету другим скриптом, но я не думаю, что это проблема.Если я использую инспектор в Firefox, запись «test» отображается как .dropdown-menu > li > a, что совпадает с тем, что я вижу, если я проверяю какие-либо из динамических записей.Кроме того, когда я выбираю все записи .dropdown-menu > li > a, он выделяет каждый элемент в раскрывающемся списке.

Так почему же нажатие на элемент .dropdown-list > li > a не запускает сценарий?

Answer 1

Вам нужно подождать, пока DOM не будет готов, и ваш "onclick" должен быть просто нажат.

$(document).ready(function () {
     $(".dropdown-menu li a").click(function () {
            alert("got in");
     });
});

Answer 2

простой неверный синтаксис

$(".dropdown-menu li a").click( function() {
  alert("got in");
});

// -OR-

$(".dropdown-menu li a").on( "click", function() {
  alert("got in");
});

Answer 3

Попробуйте:

$( document ).ready(function() {
  $(".dropdown-menu li a").click= function () {
     alert("got in");
  };
})