Подключение модального окна в Joomla 3

S_A_N_T_A
На сайте с 23.11.2009
Offline
154
7219

Пытаюсь подключить модальное окно в Joomla 3

В Head вставляю: <?php JHTML::_('behavior.modal', 'a.modal', array('handler' => 'ajax')); ?>

В код вставляю: <a href="ссылка" rel="{handler: 'iframe', size: {x: 450, y: 555}}" class="modal">модальное окно</a>

Модальное окно открывается, но оно пустое. И перестаёт работать слайдер изображений.

Я так понимаю происходит какой то конфликт, но не знаю как его устранить.

Вот что в head, до добавления кода <?php JHTML::_('behavior.modal', 'a.modal', array('handler' => 'ajax')); ?>

<script src="/media/jui/js/jquery.min.js" type="text/javascript"></script>

<script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>

<script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>

<script src="/media/system/js/caption.js" type="text/javascript"></script>

<script src="http://test9.ru/modules/mod_wowslider1/engine1/jquery.js" type="text/javascript"></script>

<script type="text/javascript">

jQuery(window).on('load', function() {

new JCaption('img.caption');

});

</script>

Вот что в head, после добавления кода <?php JHTML::_('behavior.modal', 'a.modal', array('handler' => 'ajax')); ?>

<script src="/media/jui/js/jquery.min.js" type="text/javascript"></script>

<script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>

<script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>

<script src="/media/system/js/caption.js" type="text/javascript"></script>

<script src="/media/system/js/mootools-core.js" type="text/javascript"></script>

<script src="/media/system/js/core.js" type="text/javascript"></script>

<script src="/media/system/js/mootools-more.js" type="text/javascript"></script>

<script src="/media/system/js/modal.js" type="text/javascript"></script>

<script src="http://test9.ru/modules/mod_wowslider1/engine1/jquery.js" type="text/javascript"></script>

<script type="text/javascript">

jQuery(window).on('load', function() {

new JCaption('img.caption');

});

jQuery(function($) {

SqueezeBox.initialize({"handler": "ajax"});

SqueezeBox.assign($('a.modal').get(), {

parse: 'rel'

});

});

</script>

S_A_N_T_A
На сайте с 23.11.2009
Offline
154
#1

ТАК И НЕ НАШЁЛ РЕШЕНИЯ =(

S_A_N_T_A
На сайте с 23.11.2009
Offline
154
#2

УЖЕ ВТОРОЙ ДЕНЬ ГОЛОВА ПУХНЕТ =(

дани мапов
На сайте с 06.09.2012
Offline
204
#3

Попробуйте убрать строку

<script src="http://test9.ru/modules/mod_wowslider1/engine1/jquery.js" type="text/javascript"></script>

Похоже, что jquery дважды подключается. Может поможет, хотя это на месте надо смотреть.

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
S_A_N_T_A
На сайте с 23.11.2009
Offline
154
#4
дани мапов:
Попробуйте убрать строку
<script src="http://test9.ru/modules/mod_wowslider1/engine1/jquery.js" type="text/javascript"></script>

Убрал - НЕ ПОМОГЛО =(

---------- Добавлено 19.09.2014 в 11:13 ----------

Третий день уже сижу...

---------- Добавлено 19.09.2014 в 11:15 ----------

Если удаляю вот это - <script src="/media/system/js/mootools-core.js" type="text/javascript"></script>

Слайдер начинает работать, но тогда не работает модальное окно.

V
На сайте с 08.10.2011
Offline
27
#5

Решили проблему? С модальными окнами в Joomla 3 работаю больше года и мне нравиться этот прием. Play video и zoom image делаю только через них. Прекрасно работает и на смартфонах.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий