引导弹出窗口不显示

Question

我想显示弹出框，但我没有看到。

代码

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>';

网站链接：link

图片：Image

谢谢！！

Answer 1

在您的代码中添加以下 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>