bootstrap modal 调用modal('show')后不显示，在调试模式下却可以

需求要求在一个比较耗时的操作过程中增加遮罩，需求很简单，实现也不难，代码如下：

<div id="processingModal" class="modal" tabindex="-1" role="dialog" aria-hidden="false">

			<div class="modal-dialog" style="width: 50px;">

				<div class="modal-content">

					<div class="modal-body no-padding">

						<i class="icon-spinner icon-spin orange bigger-225"></i>

					</div>

				</div>

			</div>

		</div> 

var ProcessingModalView = Backbone.View.extend({

	el: $("#processingModal"),



	initialize: function() {

		this.modal = this.$el.modal({

			backdrop: "static",

			keyboard: false,

			show: false

		})

	},



	show: function(callback){

		if(callback){

			this.$el.one("shown.bs.modal", function(){

				callback()

			})

		}

		



		this.$el.modal('show')



		return this

	},



	hide: function(){

		this.$el.modal('hide')



		return this

	}

})

this.processingModalView.show(function(){

			 	that.removeTransOrder(data)

			 	that.processingModalView.hide()

			})

但是出现如标题所说的问题，这个modal是没有CSS transitions的，非常奇怪，请高手看看，谢谢！