我们正在尝试从 Bootstrap 2.3.2 迁移到 Bootstrap 3 (RC1),但遇到了问题AngularJS 对话框指令 http://angular-ui.github.io/bootstrap/#/dialog。单击相关按钮时,不会出现对话框弹出窗口(页面显示为黑色。单击任意位置将返回到原始非黑色视图)。
我们本质上使用与上面链接中完全相同的代码。
讨论了一个已知问题here https://github.com/angular-ui/bootstrap/issues/331。在那次讨论中,路德建议:
“要使模态正常工作,请添加隐藏类以将 display:none 设置为模态并将模态的显示重置为阻止”
不幸的是,这似乎没有任何区别。我们可以使用哪些替代方法来获取 Bootstrap 3 RC1 中出现的对话框?
我尝试过使用改为模态指令 http://angular-ui.github.io/bootstrap/#/modal。它有一个类似的问题,即页面淡出(而不是完全变黑)并且弹出窗口也不会出现。
正如其他答案所述,这是由于 Bootstrap 3 中的重大更改造成的。在 Angular UI 团队修复这些问题(目前正在开发中,请参阅 bootstrap3_bis 分支)之前,有一个仅针对对话框的 css 解决方法,详细信息请参阅这篇博文 http://blog.corveloper.com/2013/08/angularjs-with-ui-bootstrap-fix-dialog-boxes/:
.modal { display: block; }
工作 plunkr 可以在这里找到:
http://plnkr.co/edit/nZT58YNKT84UlSwTvfpc?p=preview http://plnkr.co/edit/nZT58YNKT84UlSwTvfpc?p=preview
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)