Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 8152 Просмотров
*

wfedin

  • Завсегдатай
  • 1273
  • 102 / 0
Не работает Popovers - это фича Joomla! или... ? Напротив буквицы, слово архетипы на странице (ссылку удалил).
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: Не работает Popovers
« Ответ #2 : 17.11.2013, 13:12:19 »
у меня тоже не работает ...
пока не разбирался
*

wfedin

  • Завсегдатай
  • 1273
  • 102 / 0
Re: Не работает Popovers
« Ответ #4 : 17.11.2013, 13:35:59 »
Для работы Popovers нужно добавить JS

Код: javascript
jQuery(document).ready(function($) {
// Tooltip enable
$('a[data-toggle=tooltip]').tooltip().click(function(e) {e.preventDefault()});
// Popover enable
$('a[data-toggle=popover]').popover().click(function(e) {e.preventDefault()});
});

HTML

Код: html4strict
<a href="#" data-original-title="Архетип" data-toggle="popover" data-placement="top" data-content="Слово Архетип произошло от греческого Αρχέτυπο, что означает первообраз, от arche — начало и typos — образ, отпечаток.">архетипы</a>
*

rmfalx

  • Осваиваюсь на форуме
  • 12
  • 0 / 0
RE: Не работает Popovers и Tooltips
« Ответ #6 : 22.04.2014, 15:50:28 »
А кто вкурсе как в popover засунуть код? К примеру как на сайте http://russian.rt.com/ в правом верхнем углу там подписка на соцсети.
*

wfedin

  • Завсегдатай
  • 1273
  • 102 / 0
Re: Не работает Popovers и Tooltips
« Ответ #7 : 22.04.2014, 16:18:26 »
Попробуй заменить <>" на спецсимволы.
*

Jack Walter Smith

  • Захожу иногда
  • 87
  • 3 / 0
RE: Не работает Popovers и Tooltips
« Ответ #8 : 08.08.2014, 15:57:31 »
Добрый день.
Пользуюсь 3-м Bootstrap'ом. Не могу понять из-за чего не работает popover.
Подскажите, пожалуйста.

Код:
Код
<head>
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <jdoc:include type="head" />
        <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/bootstrap.js" type="text/javascript"></script>
        <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700&subset=latin,cyrillic' rel='stylesheet' type='text/css'/>
        <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" />
        <script>
        $('document').ready(function(){
            $("#example").popover();
        });
        </script>
    </head>

<button type="button" id="example" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Контент информера." data-title="Popover">
 Информер
 </button>
*

lutsyi

  • Новичок
  • 6
  • 1 / 0
Re: Не работает Popovers и Tooltips
« Ответ #9 : 21.12.2014, 12:34:36 »
 :D Не работает Popover от Bootstrap?  *DRINK* Выкладываю решение. Для статичного HTML думаю догадаетесь ребята что нужно просто изменить пути к скриптам.

Справка: Информеры требуют подключения плагина tooltip.js

Joomla

<head>
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <jdoc:include type="head" />
        <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/bootstrap.js" type="text/javascript"></script>

        <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/bootstrap-tooltip.js" type="text/javascript"></script>
        <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/bootstrap-popover.js" type="text/javascript"></script>


        <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700&subset=latin,cyrillic' rel='stylesheet' type='text/css'/>
        <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" />
        
        <script>
        jQuery(document).ready(function($) {
            // включаем Popover
            $('[data-toggle=popover]').popover();
         });
        </script>

    </head>

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Контент информера." data-title="Popover">
 Информер
 </button>
« Последнее редактирование: 21.12.2014, 12:46:30 от lutsyi »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

Ответов: 16
Просмотров: 4739
Последний ответ 23.05.2023, 07:22:49
от geral
Не сворачивается Offcanvas Menu Helix3, якорная ссылка. Landing Page - РЕШЕНО

Автор alekshavan

Ответов: 21
Просмотров: 3405
Последний ответ 15.10.2022, 10:18:46
от forsight
offcanvas не работает с joomshoping

Автор kibervolk

Ответов: 5
Просмотров: 10771
Последний ответ 01.05.2022, 09:29:57
от kibervolk
[Решено] Модули шаблона Helix 3

Автор Egoritch

Ответов: 3
Просмотров: 568
Последний ответ 27.05.2021, 13:26:52
от Egoritch
[Решено] CSS-класс заголовка модуля

Автор schel4ok

Ответов: 36
Просмотров: 17027
Последний ответ 06.04.2021, 23:35:20
от Wak