我使用 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 bootstrap 网站中提到的,我在 JQuery 模式选项中添加了 backdrop=>static
和 keyboard=>false
但它仍然无法正常工作并且模式正在关闭单击模态区域外部后。
以下是我的 JQuery 代码:
$(".showDisapproveModal").click(function () {
$("#disapproveModal").modal({
keyboard: false,
backdrop: 'static'
}).find('modalContent').load($(this).attr('value'));
});
最佳答案
我也遇到过这个问题。我能够使用代码解决该问题
'clientOptions' => ['backdrop' => 'static', 'keyboard' => false]
在 Modal:begin()
中。
关于javascript - Yii2 Bootstrap Modal 背景不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30858533/