2015-06-16 2 views
2

Я создал модальное окно, используя Yii2 bootstrap Modal. Поведение Modal по умолчанию - если вы нажимаете вне модальной области, модальная функция автоматически закрывается. Я хочу, чтобы это поведение не позволяло закрыть модальное окно при нажатии вне модальности.Yii2 Bootstrap Модальный фон не работает

Ниже мой 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(); ?> 

Как уже упоминалось в твиттере начальной загрузки сайта я добавил backdrop=>static и keyboard=>false в настройках модальные JQuery, но до сих пор она не работает, и модальный становится закрыто после нажатия на снаружи модальной области.

Ниже мой JQuery код:

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

Я не вижу код HTML для '# disaproveModal'. Я также не вижу кнопку '.showDisapproveModal'. Возможно, модальность демонстрирует и использует естественное открытое и близкое поведение и даже не использует ваш JQuery. – Chloe

ответ

4

Я также столкнулся с этой проблемой. Я позволил решить эту проблему с помощью кода

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

в Modal:begin().

Смежные вопросы