Question

我正在使用最新版本：

jQuery 3.0.0.1
Bootstrap 3.3.6.1
Bootbox 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以查看是否有任何错误。如果你得到if，则会发生该错误。

使用console.log测试点击你实际上是在调用并进入你编写的click函数。在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>

Bootbox模式未显示

1 个答案: