modal模态框隐藏时,模态框短暂显示后,再隐藏

背景:

      项目前端用的bootstrap和angular,而在bootstrap使用modal模态框来显示和隐藏弹出层。当点击某一按钮时,从后台获取一些图片,若没有图片时,弹出对话框,提示没有找到该图片;若有图片,就在弹出层中显示图片。

原因:

      <a href="javascript:void(0)" ng-click="showCustomerID(CurrentObj.OrderId)" data-toggle="modal" data-target="#previews">查看身份证</a>   

      我们在ng-click对应的技术js代码中控制  previews弹出层的显示和隐藏;$('#previews').modal("hide")。之所以会在隐藏时,模态框短暂显示后,再隐藏;是因为data-toggle="modal" data-target="#previews" 在这段代码中data-属性会自动切换显示弹出层,angularjs执行完毕后再去隐藏modal模态框。


修改:

     将上面的标签改成<a href="javascript:void(0)" ng-click="showCustomerID(CurrentObj.OrderId)" >查看身份证</a>   。去掉data-属性。因为data-属性和$('#previews').modal("hide")冲突,太多余了。

      

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值