Yii2 Bootstrap Modal背景不起作用

我已經使用Yii2 bootstrap Modal創建了模式窗口。 Modal的默認行爲是如果您在模態區域外單擊，模態會自動關閉。我想阻止這種行爲意味着它不應該在模態外單擊時關閉模態窗口。Yii2 Bootstrap 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和JQuery的模式選項keyboard=>false但它仍然沒有工作，點擊外模態之後是越來越關閉模態面積。

以下是我的jQuery代碼：

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

來源

2015-06-16 Sky

我沒有看到'＃disaproveModal'的HTML代碼。我也沒有看到'.showDisapproveModal'按鈕。這可能是模式顯示和使用其自然的開放和關閉行爲，甚至不使用你的JQuery。 – Chloe

我也面臨這個問題。我能夠使用代碼

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

在Modal:begin()中啓用。

來源

2015-08-27 15:37:49

Yii2 Bootstrap Modal背景不起作用

回答

相關問題