Bootstrap 4 popover не работает должным образом?

Question

Я реализовал это в весеннем веб-проекте mvc, всплывающее окно начальной загрузки появляется при нажатии значка справки.

С другой стороны, при первом нажатии на значок;всплывающее окно открывается и удаляется от значка справки.после закрытия, повторного звонка, он правильно размещает поповер.

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

Если вы посмотрите на это изображение GIF, вы поймете лучше.

https://www.afnay.com/images/GIF.gif

Я использую JSP с JSTL.

Я копирую весь код без разницы на плункер, и все работает!Код на этот плункер.https://next.plnkr.co/edit/bcVtCYCpXgScBKcD

разница, просто я использую tomcat 9 и JSP вместо HTML.

image

Answer 1

Попробуйте изменить

data-toggle="popover"

на

data-toggle="popover" data-placement="left"

Answer 2

Проблема возникает из-за картинки в поповере, когда я переключаюсь на использование поповерного контента со скрытым контентом, он прекрасно работает

                <div id="popover-content-logout" style="display:none">
                   <img class="img-responsive" src="/ressources/images/image-goes- here.jpg" style="max-height:250px;" /> 
                </div>
                // popover declaration ...
                      content: function() {
                        var id = $(this).attr('id')
                        return $('#popover-content-logout').html();
                      },

Я думаю, что загрузка изображения tomcat требует времени, зная, чтов локальном я не использую базу 64 на изображении.