2019年10月2日 星期三

BootStrap Modal 失效 issue

遇到一個奇怪的問題

Modal 在使用過一次 

$('#myModal').modal('show');
$('#myModal').modal('hide');

後, 第二次再使用。 hide 失效

解決方式:

因為 modal 是非同步 function, 故不能同時使用

$('#myModal').modal('show');
$('#myModal').modal('hide');

需要加一層

$('#myModal').modal('show');

$('#LoadingModal').on('shown.bs.modal', function (e) {
    do something...
    $('#myModal').modal('hide');
    $('#myModal').off('shown.bs.modal');//去除绑定, 否則會不斷重覆綁定多次
});