BootstrapDialog无法正常工作

Question

我正在尝试使用BootstrapDialog.show，但我的代码出了问题。

这是我的代码：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<link href="/stylesheets/screen/bootstrap-dialog.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="/javascripts/lib/bootstrap-dialog.js"></script>

//Bind data and create one path per GeoJSON feature
        svg.selectAll("path")
            .data(json.features)
            .enter()
            .append("path")
            .attr("d", path)
            .style("fill", "steelblue")
            .on("mouseover",mouseover)
            .on("mouseout", mouseout)
            .on("click", function(){
                BootstrapDialog.show({
                    title: 'Users:',
                    message: "users' links",
                    draggable: true
                });
            });

当我点击该对象时，该页面变得太暗了，而且拖动页面根本不起作用。 有谁知道我做错了什么？