Почему не выполняется функция при клике?

Question

[Дамир Шаниязов]

<script>
        $(document).ready(function () {
            getStructure();
        });

        $('.card').on('click', '.children', function () {

            $card = $(this).closest('.card');
            $card_text = $(this).closest('.card-header').siblings('.card-body').children('.card-text')

            if ($(this).attr('data-downloaded') == 'false') {

                $(this).attr('data-downloaded', 'true')

                getStructure($card.attr('data-parent'), $card_text)

            }
            else {

            }
        });

        function getStructure(id, root) {
            var url = '{{route('getDepartmentsStructure')}}';
            var place = document.getElementById('root')

            if (id) url = url + '?id=' + id;
            if (root) place = root;

            $.ajax({
                url: url,
                dataType: 'html',
                cache: false,
                success: function (data) {
                    $(place).append(data)
                }
            });
        }
    </script>

Comments

[Вадим]

А дебаг что говорит?

[Дамир Шаниязов]

Вадим, почему-то во вкладке EventListener отсутствует данное событие

[Вадим]

Дамир Шаниязов, Нет, именно дебаг. Проводили? Построчно?
https://learn.javascript.ru/debugging-chrome
https://medium.com/devschacht/brandon-morelli-lear...

[Дамир Шаниязов]

Вадим, поменял бэк и поправил js, все работает. спасибо за статьи! дебаг пробовал, плохо в нем разбираюсь, но до места клика не доходит, останавливается в подключаемой библиотеки

Answer 1

[Сергей]

а если так?

$('.children').click(function () {

            $card = $(this).closest('.card');
            $card_text = $(this).closest('.card-header').siblings('.card-body').children('.card-text')

            if ($(this).attr('data-downloaded') == 'false') {

                $(this).attr('data-downloaded', 'true')

                getStructure($card.attr('data-parent'), $card_text)

            }
            else {

            }
        });