javascript - 为什么使用 twitter bootstrap 时警报不以 Angular 显示?

标签 javascript jquery twitter-bootstrap twitter-bootstrap-3

您能告诉我为什么我的警报没有显示吗?我正在使用 bootbox.js 插件( http://bootboxjs.com/v3.x/ )。但它没有显示网站中给出的警报?

这是我的代码..

http://jsbin.com/kopalire/1/

HTML

<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

      <script src="https://dl.dropboxusercontent.com/s/8nlfxc5zh58uf9o/bootbox.min.js?m="></script>



  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
 <button id="clikId">add</button>


</body>
</html>

JS 代码

$(function () {


 // Code goes here
    $(document).ready(function(){
        $('#clikId').click(function(){
            bootbox.alert('Hello alert')
        })
    })


});

但是当我将 bootstrap 3.2 更改为 2.3 时它可以工作,为什么?如果我包含这个,它会起作用,为什么?

<script src="//code.jquery.com/jquery.min.js"></script>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" />
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>

最佳答案

您使用的是 Bootbox v3.3.0,它与 Bootstrap 3 不兼容。查看 Bootbox 的依赖关系表:http://bootboxjs.com/#dependencies

我用 Bootbox v4.3.0 和 Bootstrap v3.2.0 尝试了你的 JS Bin 示例,它工作得很好:http://jsbin.com/kopalire/3/edit

关于javascript - 为什么使用 twitter bootstrap 时警报不以 Angular 显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25171629/

相关文章:

javascript - 删除第一个值?选择选项 Angularjs 中的对象 :null ?

JavaScript 提升

javascript - 我们如何在 jquery on 函数中获取特定动态添加的 td 的 id

javascript - 仅在视口(viewport)中可见的元素上添加和删除 CSS 动画

javascript - 如何使用 jquery ui 在日历中突出显示日期应用 anchor 标记

html - 带有页脚的 Safari 水平滚动问题

twitter-bootstrap - 带按钮的 Bootstrap 上拉下拉(也称为垂直对齐)

javascript - 链接组件插值错误 nextjs

php - 将博客与 heroku 上的 Node.js 应用程序集成

javascript - 不使用样式属性定位 dom 元素?