如何使bootbox.prompt工作？

debugcn 发表于 Dev

卡兰·汤加（Karan Tongay）

我曾提到的官方文档这样，但是还是我不能得到它的工作。我已经导入了所有必需的css和js文件，但是似乎还是行不通。我目前正在ubuntu上的Firefox和Windows上的Chrome上进行测试。bootbox是否与所有类型的浏览器兼容？我正在使用最新版本的Bootbox，即4.x

以下是一段代码：

    $(".alert").click(function(e) {
    bootbox.prompt("Hello world!", function(result) {
    <!-- Some Code -->
    });
    });

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/bootbox/4.4.0/bootbox.min.js"></script>

 <body>
      
    <p>Content here. <a class="alert" href=#>Alert!</a></p>

 </body>

亚当

我试图将您的帖子变成一段代码，不小心解决了您的问题。

您应使用JQuery 1.9.1此错误所述的版本或更高版本。看来您的问题就在那儿，而不是Bootbox本身。

"message": "Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4".

更新后的代码如下：

    $(".alert").click(function(e) {
    bootbox.prompt("Hello world!", function(result) {
    <!-- Some Code -->
    });
    });

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/bootbox/4.4.0/bootbox.min.js"></script>

 <body>
      
    <p>Content here. <a class="alert" href=#>Alert!</a></p>

 </body>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。