Yii2 Bootstrap Modal背景不起作用

Question

我使用Yii2 bootstrap Modal创建了模态窗口.Modal的默认行为是,如果在模态区域外单击,模态将自动关闭.我想防止这种行为意味着它不应该在模态外部单击时关闭模态窗口.

以下是我的Yii2模态代码:

<?php
Modal::begin([
    'header' => '<h4>Disapprove Request</h4>',
    'id' => 'disapproveModal',
    'size' => 'modal-lg',
    'class' => 'bg-gray',    
]);
?>

<div class="showmsg" style="display: none;"></div>
<div class="control-group">
    <label>Please select the reason of disapproval. Click on "Disapprove" to proceed and click on "Cancel" to remove dialog</label>
    <input type="text" name="disappr_txt" id="disappr_text" class="form-control" placeholder="Enter reason of disapproval" required>
</div>
<br/>

<?= Html::submitButton('Disapprove', ['class' => 'disapprovebtn btn btn-primary', 'value' => 'disapprove', 'name' => 'submit']); ?>            
<?= Html::a('Close', 'javascript:void(0);', ['class' => 'btn btn-primary closebutton', 'aria-hidden' => "true", 'data-dismiss' => "modal"]) ?>

<?php Modal::end(); ?>

作为Twitter的引导网站提到我已经添加backdrop=>static并keyboard=>false在JQuery的模式选项,但它仍然没有工作,单击模式区域外的模式之后是越来越封闭.

以下是我的JQuery代码:

$(".showDisapproveModal").click(function () {
    $("#disapproveModal").modal({
        keyboard: false,
        backdrop: 'static'
    }).find('modalContent').load($(this).attr('value'));
});

Answer 1

我也遇到过这个问题.我能够使用代码解决该问题

'clientOptions' => ['backdrop' => 'static', 'keyboard' => false] 

在Modal:begin().