Javascript 引导框中的提示弹出窗口未关闭

当我单击类为“alert3”的按钮时出现的提示弹出窗口不会关闭

<a href="#" class="btn btn-primary btn-lg alert3">CLICKMEMEMEMEMEME</a>

这就是我正在调用的函数：

<script>

    $(document).on("click", ".alert3", function(e) {
        bootbox.prompt("What is your name?", function(result) {                
            if (result === null) {                                             
                Example.show("Prompt dismissed");                              
            } else {
            Example.show("Hi <b>"+result+"</b>");                          
            }
        });
    });
</script>

$（文档）。在（“单击”上，“.alert3”，函数（e）{
prompt（“您叫什么名字？”，函数（结果）{
如果（结果===null）{
示例。显示（“提示已解除”）；
}否则{
示例。显示（“Hi”+结果+”）；
}
});
});

弹出窗口不会关闭，因为回调函数中有错误，所以它会在bootbox使弹出窗口消失之前崩溃

最好的猜测是，

示例

未在代码中定义。也许你是在Bootbox网站上看到的，他们正在使用一个名为

Example

的javascript对象。 如果要使用回调函数显示结果，可以将其添加到html中：

<a href="#" class="btn btn-primary btn-lg alert3">CLICKMEMEMEMEMEME</a><br/>
<p id='result'></p>

然后更改您的javascript：

<script>
$(document).on("click", ".alert3", function(e) {
    bootbox.prompt("What is your name?", function(result) {
        if (result === null) {
            $('#result').html("Prompt dismissed");
        } else {
            $('#result').html("Hi <b>"+result+"</b>");
        }
    });
});
</script>

$（文档）。在（“单击”上，“.alert3”，函数（e）{
bootbox.prompt（“您叫什么名字？”，函数（结果）{
如果（结果===null）{
$（'#result'）.html（“提示已解除”）；
}否则{
$（'#result'）.html（“Hi”+result+”）；
}
});
});

在bootbox.js中弹出提示

这不起作用，因为这里没有定义示例函数。我们需要首先定义它们，使用当前选择器值和与之关联的文本。此处$（“#result”）用于在特定div中显示错误消息

html代码：

  <p>Click here-><a class="alert" href=#>Alert!</a></p><p id='result'</p>

var Example = (
function() 
{
"use strict";

var elem,
    hideHandler,
    that = {};

that.init = function(options) {
    elem = $(options.selector);
};
that.show = function(text) {
    clearTimeout(hideHandler);

    $("#result").html(text);
    $("#result").fadeIn();

    hideHandler = setTimeout(function() {
        that.hide();
    }, 4000);
};

that.hide = function() {
    $("#result").fadeOut();
};

return that;
}());