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

逍遥兮容与 2015-08-24 01:20:15
需求要求在一个比较耗时的操作过程中增加遮罩,需求很简单,实现也不难,代码如下:


<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的,非常奇怪,请高手看看,谢谢!
...全文
576 点赞 收藏 回复
写回复
回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
相关推荐
发帖
Web 开发
创建于2007-09-28

8.0w+

社区成员

Java Web 开发
申请成为版主
帖子事件
创建了帖子
2015-08-24 01:20
社区公告
暂无公告