Загрузочный пользовательский поповер не появляется при первом клике

Question

На самом деле я пытаюсь показать пользовательский всплывающий элемент после того, как пользователь нажмет на якорь, затем он сможет выбрать элемент, и после этого я выполню некоторые операции на сервере.

Проблема заключается в том, что после нажатияв первый раз на якоре ничего не происходит, но если я нажму еще раз, будет показан pooper.

Тогда я бы скрыл всплывающее окно, если пользователь нажмет на фон.

Вот функция, котораяЯ нанимаю с якоря

<script>
    function pop(id) {
        $("#" + id).popover({
            html: true,
            content: function () {
                return $('#popover-content').html();
            }
        });
    }
</script>

Пока вот код поповера, который я пытаюсь показать

 <li id="popover-content" class="list-group" style="display: none">
            <a href="#" class="badge badge-primary">CHIUSO</a>
            <a href="#" class="badge badge-success">RISOLTO</a>
            <a href="#" class="badge badge-warning">IN ATTESA</a>
            <a href="#" class="badge badge-danger">SCADUTO</a>
        </li>

Answer 1

Метод $().popover({...}) регистрирует всплывающее окно, но пока не показывает его.Таким образом, первая проверка вашей функции pop(id) просто зарегистрирует всплывающее окно на элементе.

Когда вы хотите показывать всплывающее окно при нажатии, вы также должны программно показывать его после регистрации, чтобы ваша функция выглядела следующим образом.

function pop(id) {
    // register the popover
    $("#" + id).popover({
        html: true,
        content: function () {
            return $('#popover-content').html();
        }
    });

    // show the popover
    $("#" + id).popover('show');
}

Answer 2

Вы пробовали этот скрипт jQuery?

$(function() {
  $('[data-toggle="popover"]').popover()
})

Как показано здесь .

Сообщите нам, работает ли он.