YiiBooster :: bootbox \ bootbox.modal()不会生成.modal-dialog和.modal-content div

时间:2014-02-12 21:43:18

标签: twitter-bootstrap yii twitter-bootstrap-2 yii-booster bootbox

我需要这个TbButton来打开一个带有一些HTML内容的模态(带有youtube视频的iframe):

<?php
$this->widget(
    'bootstrap.widgets.TbButton',
    array(
        'label' => Yii::t('xxx', 'xxx'),
        'type' => 'info',
        'size' => 'mini',
        'htmlOptions' => array(
            'onclick' => 'js:bootbox.modal(
                "<iframe width=\"640\" height=\"480\" src=\"' . GxHtml::encode($model->video_url) . '\" frameborder=\"0\" allowfullscreen></iframe>",
                "Some title"
            );'
        ),
    )
);
?>

我希望它可以创建这样的东西:

<div class="bootbox modal fade bootbox-alert in" tabindex="-1" role="dialog" style="display: block;" aria-hidden="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <button type="button" class="bootbox-close-button close" style="margin-top: -10px;">×</button>
                <div class="bootbox-body">
                    ...
                </div>
            </div>
            <div class="modal-footer">
                <button data-bb-handler="ok" type="button" class="btn btn-primary">OK</button>
            </div>
        </div>
    </div>
</div>

但相反它会生成这个:

<div class="bootbox modal fade in" tabindex="-1" style="overflow: hidden; display: block;" aria-hidden="false">
    <div class="modal-header">
        <a href="javascript:;" class="close">×</a>
        ...
    </div>
    <div class="modal-body">
        ...
    </div>
</div>

由于缺少.modal-dialog和.modal-content div,因此模式“容器”不会显示:只有其内容(透明背景上)。我应该在代码中添加什么以便创建容器类?

0 个答案:

没有答案