twitter-bootstrap - joomla 3.1中的引导模式

Question

如何在 Joomla 3.1 中使用 Bootstrap 模式？我已经加载了 Bootstrap，当我尝试初始化时

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

我得到的模态窗口 $(...).modal is not a function

Answer 1

我发现最简单的方法是使用数据属性data-toggle="modal"。一个例子是：

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

Answer 2

如果有人正在寻找在 Joomla 3 的 Bootstrap Modal 窗口中加载外部 url，下面的代码将有所帮助-

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

Answer 3

如果您需要指向外部页面的模式链接，请不要在页面加载时运行，而仅在您单击链接时运行。你可以使用这个：

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>