В выпадающем меню, используя элементы get Json groups, можно щелкнуть только один - PullRequest
Новая
       11

В выпадающем меню, используя элементы get Json groups, можно щелкнуть только один

0 голосов
/ 05 марта 2020

Довольно новичок здесь (первое сообщение) - я пытаюсь включить в панель навигации выпадающее меню, которое извлекает из базы данных SQL, используя PHP и Json. Раскрывающийся список отображает оба элемента в файле Json, но группирует их как один элемент (не может щелкнуть каждый по отдельности)

Здесь HTML: 

<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Projects</a>
    <div class="dropdown-menu">
        <a id="projects"></a>
    </div>
</li>

Здесь JS: 

<script type="text/javascript">
    $.getJSON('client-loop-source.php', function (client) {
        for (var i = 0; i < client.length; i++) {
            (function (i) {
                $.getJSON('client-loop-source.php', function (client) {
                    console.log(client);
                    client = client[i];
                    url = "/test/project-page2.php?project_name="
                    window.console && console.log('data: ' + i + ' ' + client.project_name);
                    $("#projects").append("<a>" + htmlentities(client.project_name) + "</a><br>");
                    $("#projects").addClass("dropdown-item");
                    $("#projects").attr("href", url + htmlentities(client.project_name));
                });
            })(i)
        };
    });
</script>

Вот результат - как вы можете видеть, он показывает два элемента «Молодой дом» и «Тюдоровский дом», но может только щелкать по ним как по группе, а не по отдельности. - не позволил бы мне вставлять, так что вот ссылка, если хотите увидеть вывод -

https://i.stack.imgur.com/5EPIN.png

...