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>