Bootbox模式没有出现

Question

我正在使用最新版本：

• jQuery 3.0.0.1
• 引导程序 3.3.6.1
• 引导箱 4.4.0

我的 HTML：

A+ Certification, Grad. 2011 Comptia 
<a id="e1658b80-0c48-e611-8277-14feb5fbeae8" class="glyphicon glyphicon-remove" title="Delete this entry" href="/[controller]/[action]/e1658b80-0c48-e611-8277-14feb5fbeae8"> </a>

我的 JavaScript，嵌入在删除链接正下方的页面中：

<stript type="text/javascript">
$(function () {
  $('#39b75c0a-0a48-e611-8277-14feb5fbeae8').on('click', function(e) {
    e.preventDefault();
    bootbox.confirm('Do you wish to delete this entry?', function(result) {
      if (result) { window.location = $(this).attr('href'); }
    });
  });
});
</script>

我的标题：

<script src="/Scripts/modernizr-2.8.3.js">
<script src="/Scripts/jquery-3.0.0.js">
<script src="/Scripts/bootstrap.js">
<script src="/Scripts/bootstrap-datepicker.js">
<script src="/Scripts/bootstrap-switch.js">
<script src="/Scripts/bootbox.js">
<script src="/Scripts/respond.js">
<script src="/Scripts/jquery.validate.js">
<script src="/Scripts/jquery.validate.unobtrusive.js">
<script src="/Scripts/metisMenu.js">
<script src="/Scripts/jquery.slimscroll.js">
<script src="/Scripts/jquery.peity.js">
<script src="/Scripts/jquery.mask.js">
<script src="/Scripts/script.common.js">
<script src="/Scripts/script.internal.js">
<link rel="stylesheet" href="/Content/bootstrap.css">
<link rel="stylesheet" href="/Content/bootstrap-datepicker3.css">
<link rel="stylesheet" href="/Content/bootstrap-switch/bootstrap3/bootstrap-switch.css">
<link rel="stylesheet" href="/Content/font-awesome.css">
<link rel="stylesheet" href="/Content/inspinia.css">
<link rel="stylesheet" href="/Content/style.internal.css">

（这些还没有缩小；生产输出将是。）

现在我已经设置好，尝试点击删除锚点实际上不会导致浏览器跟随锚点href（这很好，我们想警告用户使用模式！），但由于某种原因，模态对话框拒绝显示。屏幕没有变灰，什么都没有。

建议？

Answer 1

您可以通过多种方式进行调试：

您正在测试哪个浏览器？

安装 firebug 或在 chrome 中使用 F12 来查看是否有任何错误。如果遇到错误，请发布该错误。

使用console.log 来测试您在点击时实际上是在调用并进入您编写的点击函数。打印e.preventDefault();前后的日志

如果以上事情没有给出任何积极的结果，你有图书馆 冲突/不兼容问题。尝试检查您正在使用的 JS 库的版本。

我建议首先参考http://bootboxjs.com/#usage 中使用的示例和技术，并尝试使用他们使用过的相同库并以相同的顺序。

HTML 也应该是这样才能使用 glyphicons：

<a href="#" data-bb="confirm" class="btn btn-default"><i id="e1658b80-0c48-e611-8277-14feb5fbeae8" class="glyphicon glyphicon-remove" title="Delete this entry" href="/[controller]/[action]/e1658b80-0c48-e611-8277-14feb5fbeae8"></i></a>