1. 程式人生 > >bootstrap 模態框相容ie9

bootstrap 模態框相容ie9

專案中的模態框在其他瀏覽器中沒有問題,但是在ie9下,show事件不觸發

bootbox.dialog({
			message: $("#T_BZJ_AccassForm"),
			title: "<i class='fa fa-th red margin-right-5'></i>"+dialogtitle,
			className:"modals-border-raduis modal-width-800",
			buttons: {
				"取消": {
					className: ""
				}
			}
		}).on('shown.bs.modal', function () {
//此處不觸發
			$('#T_BZJ_AccassForm').show();
		}).on('hide.bs.modal', function (e) {
			$('#T_BZJ_AccassForm').hide().appendTo('#T_BZJ_AccassEdit');
		}).modal('show');

  後同事發現,只要改為

bootbox.dialog({
			message: $("#T_BZJ_AccassForm"),
			title: "<i class='fa fa-th red margin-right-5'></i>"+dialogtitle,
			className:"modals-border-raduis modal-width-800",
			buttons: {
				"取消": {
					className: ""
				}
			}
		}).on('show.bs.modal', function () {
			$('#T_BZJ_AccassForm').show();
		}).on('hide.bs.modal', function (e) {
			$('#T_BZJ_AccassForm').hide().appendTo('#T_BZJ_AccassEdit');
		}).modal('show');

  即可 !

即將

shown.bs.modal改為
show.bs.modal