javascript - Bootstrap UI Angular 模式不显示为弹出窗口

标签 javascript angularjs angular-ui-bootstrap

我有:https://rawgit.com/emilyeserven/testwebsites/master/js/angular/chara-select/index.html

底部是打开模式框的按钮。然而,当它们被点击时,它们只显示在顶部,除了引导按钮样式外没有更多内容。

当前模态代码改编自Bootstrap UI演示站点(我只是更改了app模块的名称)。未修改的代码在 MAMP 的沙箱中测试过代码,所以我知道它可以工作。我不确定问题到底出在哪里,因为控制台没有显示任何异常错误。

任何直接与模态相关的 HTML 代码都在 index.html 的底部。同样,任何直接与模态相关的 JS 都在 js/modal.js 中。

GitHub 存储库:https://github.com/emilyeserven/testwebsites/tree/master/js/angular/chara-select

如能为我指明正确的方向,我们将不胜感激!

最佳答案

据我所知,您使用的是自定义构建的 Bootstrap 。 它不包含模态的任何样式。 尝试加载 https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css而不是你的 bootstrap.css,它会工作。

关于javascript - Bootstrap UI Angular 模式不显示为弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40530136/

相关文章:

javascript - 元素的简单 HTML5 键盘导航

来自资源默认值的 AngularJS 和 ng-options

javascript - 按表中的所有列排序纯 Angular

angularjs - ui bootstrap 分页在 ng-if 标签内不起作用

angularjs - ui-bootstrap 日期选择器不工作

javascript - 如何使用 $timeout 在 Angular 中执行一系列事件

javascript - 有没有更好的方法来减少多个 if 语句?

javascript - 词法环境构造函数

javascript - 使用 php 将数据库中的值设置为 JavaScript

javascript - Angular JS 类型错误 : Cannot read property 'id' of undefined on Route