在Joomla的Modal Window的JQuery / Bootstrap版本中苦苦挣扎

时间:2014-06-27 19:39:56

标签: jquery twitter-bootstrap joomla joomla3.0

我一直在尝试在Joomla框架内使用JQuery版本的模态窗口。

这可以让mootools版本弹出一个iframe ......

<?php JHTML::_('behavior.mootools'); ?>
<a href="http://www.example.com/page2.html" class="modal" 
   rel="{handler:'iframe'}">
   Click here to launch a popup</a>

但是,不必使用两个javascript库会很好,所以我理想的是希望得到一个jQuery等效的工作。我添加了......

JHtml::_('jquery.framework');
JHtml::_('jquery.ui');

我觉得它也需要引导程序框架,但这是我不太熟悉的东西。

我真正追求的是JQuery等同于我的Mootools示例,或者是在Joomla模板中使用JQuery框架时最佳实践方法的探索。

(NB我只想使用核心的Joomla方法 - 我知道如何在其中添加我自己的模态脚本)

由于

1 个答案:

答案 0 :(得分:1)

如果您正在寻找Joomla 3中的bootstrap模态窗口。您可以尝试以下代码 -

$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);