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的，非常奇怪，请高手看看，谢谢！