How to use bootstrap popover

yaltabest@yandex.ru
Topic Author
Offline
Senior Member

7 years 8 months ago - 7 years 8 months ago #66178 by yaltabest@yandex.ru

How to use bootstrap popover was created by yaltabest@yandex.ru

Please, help
After I plugged the code for the bootstraps popover:

Code:

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/media/jui/js/bootstrap.min.js"></script>
    <script>     
      $(function () {
  $('[data-toggle="popover"]').popover();
});
    </script>

On category page error appears in the console and does not work correctly popover from bootstrap.

Code:

https://mil-ru.ru/zapadnye

other pages are working perfectly

ERROR
Uncaught TypeError: sel_EL.select2 is not a function
at HTMLSelectElement.<anonymous> (flexi-lib.js?bb20edf…:1231)
at Function.each (jquery.min.js:2)
at n.fn.init.each (jquery.min.js:2)
at fc_attachSelect2 (flexi-lib.js?bb20edf…:1211)
at HTMLDocument.<anonymous> (zapadnye:130)
at i (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
at Function.ready (jquery.min.js:2)
at HTMLDocument.K (jquery.min.js:2)
(anonymous) @ flexi-lib.js?bb20edf…:1231
each @ jquery.min.js:2
each @ jquery.min.js:2
fc_attachSelect2 @ flexi-lib.js?bb20edf…:1211
(anonymous) @ zapadnye:130
i @ jquery.min.js:2
fireWith @ jquery.min.js:2
ready @ jquery.min.js:2
K @ jquery.min.js:2

Last edit: 7 years 8 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

micker
Offline
Administrator

7 years 8 months ago - 7 years 8 months ago #66188 by micker

Replied by micker on topic How to use bootstrap popover

flexicontent ccharge deja jquery .... cela peut poser un soucis de double chargement à mon avis

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Last edit: 7 years 8 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

7 years 8 months ago - 7 years 8 months ago #66345 by ggppdk

Replied by ggppdk on topic How to use bootstrap popover

Hello

Joomla include code for popover load it with:

Code:

JHtml::_('bootstrap.popover');

and then use the class for it like this:

Code:

<span class="hasPopover"
 title="<?php echo htmlspecialchars('Some Title'); ?>"
 data-content="<?php echo htmlspecialchars('Some Desc'); ?>"
>
Some text
</span>

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Last edit: 7 years 8 months ago by ggppdk.

Please Log in or Create an account to join the conversation.