Question

我已经在this上提到了官方文档，但我仍然无法使其正常运行。我已经导入了所有必要的css和js文件，但它似乎仍然无法正常工作。我目前正在测试ubuntu上的Firefox和Windows上的Chrome。 bootbox是否与所有类型的浏览器兼容？我使用的是最新版本的bootbox，即4.x

以下是一段代码：

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

我试图将您的帖子转换为代码段并意外修复了您的问题。

您应该使用此错误所述的JQuery 1.9.1或更高版本。看起来你的问题就在那里而不是bootbox本身。

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

以下更新的代码：

＆＃13;

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

＆＃13;

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

＆＃13;

如何使bootbox.prompt工作？

1 个答案: