jQuery Bootstrap 对话框 $backdrop 未定义

Question

我在我的应用程序中使用 Bootstrap 对话框 link。我在 html

的头部部分包含了依赖项

    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script> 
    <script src="js/bootstrap-paginator.js" type="text/javascript"></script> 
    <script src="js/bootstrap-dialog.js" type="text/javascript"></script>

我遇到错误

    Uncaught TypeError: Cannot read property 'css' of undefined

在行

  $backdrop.css('z-index', zIndexBackdrop + (dialogCount - 1) * 20);

在 bootstrap-dialog.js 其中 $backdrop 是 null.

这是我写的代码

 callback.prototype.success = function(XMLHttpRequest,textStatus){
         showDialog("Title",
                    "Message",
                    BootstrapDialog.TYPE_SUCCESS);

     }


     function showDialog(title,msg,type){
         BootstrapDialog.show({
                title: title,
                message: msg,
                type : type,
                buttons: [{
                    label: 'OK',
                    action: function(dialog) {
                         dialog.close();
                    }
                }]
            });
     }

非常感谢你的帮助。

Answer 1

我解决了这个问题。问题出在 Bootstrap js 版本，它在主要版本 2 中。升级到 Bootstrap 3 版本修复了它。

jQuery Bootstrap 对话框 $backdrop 未定义

jQuery Bootstrap dialog $backdrop is undefined

javascript

jquery

twitter-bootstrap

bootstrap-dialog