Bootstrap modal in joomla 3.1

Как использовать Bootstrap modal в Joomla 3.1? У меня есть Bootstrap загружены, и когда я пытаюсь инициализироватьBootstrap modal in joomla 3.1

$('#confirmDelete').modal();

мое модальное окно я получаю $(...).modal is not a function

источник

2013-08-12 fefe

Самый простой способ я нашел, чтобы использовать данные атрибут, дата-тумблер = «модальный». Пример может быть:

<a href="#my-modal" data-toggle="modal" class="btn">Launch modal</a>

источник

2013-08-13 00:16:52

Это использование "старых" MooTools модальное. Это работает в Joomla 2.5 и 3.x, но, вероятно, перестанет работать в 4.0. – Hazzit

Вопрос был специально указан как v3.1 .. –

Мой комментарий был в первую очередь предназначен для людей, читающих его сейчас (2017) - есть два способа сделать это с помощью Joomla 3.x: с MooTools (ваше решение) или jQuery (см. Ответ Ирфана). Решение MooTools перестанет работать довольно скоро, поэтому люди, вероятно, перестанут его использовать * даже если * они в настоящее время нацелены на Joomla 3.x. Единственная причина, по-прежнему использующая MooTools, - это то, что вы также должны были нацеливать на Joomla 2.5, который, я надеюсь, больше никто не делает. – Hazzit

Если кто-то ищет для загрузки внешнего URL в Bootstrap окне модального в Joomla-ниже кода будет Помощь-

$name = "myModal"; 
$html = '<a href="#modal-' . $name.'" data-toggle="modal" class="btn">Launch modal</a>'; 
$params = array(); 
$params['title'] = "test"; 
$params['url'] = "http://localhost/"; 
$params['height'] = 400; 
$params['width'] = "100%"; 
echo $html .= JHtml::_('bootstrap.renderModal', 'modal-' . $name, $params);

источник

2014-07-03 09:43:49 Irfan

Nice Irfan! Только высота не работает –

Кроме того, closeButton по умолчанию имеет значение true, но пока не нашел способа закрыть кнопку закрытия. – landed

@landed: Показывает кнопку закрытия по умолчанию. для кнопки закрытия нижнего колонтитула вам нужно добавить пользовательский html в качестве нижнего ключа из массива $ params. – Irfan

Если вам нужна модальная ссылка на внешнюю страницу, не запускается на pageload, но только при нажатии на ссылку. Вы можете использовать это:

JHtml::_('behavior.modal');

<a href="index.php?option=com_yourcomponent&tmpl=component" class="modal" rel="{handler: 'iframe', size: {x: 600, y: 450}}">your link</a>

источник

2015-03-31 22:06:40

Используется «старый» MooTools modal. Это работает в Joomla 2.5 и 3.x, но, вероятно, перестанет работать в 4.0. – Hazzit

Bootstrap modal in joomla 3.1

ответ

Смежные вопросы