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")冲突，太多余了。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!