Question

你能不能告诉我为什么我的警报没有显示。我正在使用bootbox.js插件（http://bootboxjs.com/v3.x/）。但它没有显示我在站点中给出的警报？

这是我的代码..

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 CODE

$(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>

Answer 1

您使用的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

为什么警报不会使用twitter bootstrap以角度显示？

1 个答案: