Sử dụng hộp khởi động sự kiện hiển thị không được kích hoạt

Question

Tôi không thể bắt sự kiện hiển thị cho hộp thoại bootbox.confirm để thực hiện một số điều chỉnh css cho hộp thoại trước khi hiển thị.

tôi đã cố gắng những thứ như sau nhưng không thành công:

$(document).on("show.bs.modal", function (event) {...}); 
$(document).on("show", function (event) {...}); 
$(document).on("show", ".bootbox", function (event) {...}); 

Answer 1

Tôi cũng muốn sử dụng một chức năng toàn cầu như:

function bootbox_confirm(msg, callback_success, callback_cancel) { 
    var d = bootbox.confirm({message:msg, show:false, callback:function(result) { 
     if (result) 
      callback_success(); 
     else if(typeof(callback_cancel) == 'function') 
      callback_cancel(); 
    }}); 

    d.on("show.bs.modal", function() { 
     //css afjustment for confirm dialogs 
     alert("before show"); 
    }); 
    return d; 
} 

và gọi nó theo cách này:

bootbox_confirm("my message", function(){alert('ok')}, function(){alert('cancel')}).modal('show'); 

hoặc khi không có logic để hủy:

bootbox_confirm("my message", function(){alert('ok')}).modal('show'); 

Answer 2

bạn có thể làm như thế này:

var dialog = bootbox.dialog("foo", [], {show: false}); 

dialog.on("shown", function() { 
// 
}); 

dialog.modal("show"); 

Answer 3

này nên làm việc cho bạn sử dụng Bootbox 4.xx và Bootstrap 3. xx:

var box = bootbox.dialog({ 
    message: '', 
    title: '', 
    buttons: {}, 
    show: false 
}); 

box.on("shown.bs.modal", function() { 
    alert('it worked!'); 
}); 

box.modal('show'); 

hay như thế này:

$(document).on("shown.bs.modal", function (event) {...});