Bootstrap поповер не показывает - PullRequest
Новая
       5

Bootstrap поповер не показывает

0 голосов
/ 19 апреля 2020

Я хочу показать поповер, но я его не вижу.

КОД 

echo '
    <a data-toggle="popover" 
       data-trigger="hover" 
       data-html="true" 
       data-placement="top" 
       data-content="HTML MARKUP" 
       class="cf_box popover-extra-balik ' . $this->custom_fields[ 34 ]->name . ' ' . $i->fields[ 34 ] . ' ">
';
echo '<span class="field_value">' . JText::_( 'COM_DJCLASSIFIEDS_EXTRA_BALIK_PREMIUM' ) . '</span>';
echo '</a>';

Ссылка на сайт: ссылка

Изображение: Изображение

Спасибо !!

1 Ответ

0 голосов
/ 19 апреля 2020

Добавьте ниже Javascript в вашем коде. 

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

Пример

Я удалил некоторый код PHP, потому что он здесь не поддерживается. 

$(function() {
  $('[data-toggle="popover"]').popover()
});
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

<a data-toggle="popover" data-trigger="hover" data-html="true" data-placement="top" data-content="<strong>BALÍK PREMIUM obsahuje :</strong>
<ul>
    <li>sezónne pneumatiky</li>
    <li>najbližšiu servisnú prehliadku so zľavou</li>
    <li>dezinfekcia vozidla</li>
    <li>1 x čistenie a doplnenie klimatizácie počas leta zdarma</li>
    <li>povinná výbava zdarma</li>
    <li>zvýhodnené financovanie</li>
</ul>" class="cf_box popover-extra-balik">
  <span class="field_value">BALIK_PREMIUM</span>
</a>

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
...