Javascript 无法创建JQuery对话框

我正试图让JQuery对话框出现，但立即出现错误

$（…）。dialog（）不存在

。我的谷歌搜索发现，这通常是由于加载了两个不同的JQuery库造成的，但我的文件中只有JQuery和Twitter引导的脚本标记。这是我的代码（包括改编自的对话框代码）

...
$（函数（）{
$（“#对话框”）。对话框({
自动打开：错误，
莫代尔：对
});
$（“.deleteLink”）。单击（函数（e）{
e、 预防默认值（）；
var targetUrl=$（this.attr（“href”）；
$（“#对话框”）。对话框({
按钮：{
“是”：函数（）{
window.location.replace（targetUrl）；
},
“否”：函数（）{
$（此）.dialog（“关闭”）；
}
}
});
});
});

---

除了加载多个库或者引导可能提供某种干扰之外，还有其他原因导致我出现此错误吗？

您正在尝试使用jQueryUI的

dialog（）

方法和属性，但您已经包含引导库。要使用引导对话框，该方法称为

modal（）

请注意，这些属性完全不同。如果要使用jQuery UI

dialog（）

方法，则需要包括jQueryUI库，但是请注意，这有时会导致JS和CSS中的引导不兼容

<script src="jquery-1.10.1.min.js"></script>
<script src="js/bootstrap.js"></script>
...

<script>
$(function(){
$("#dialog").dialog({
    autoOpen: false,
    modal: true
});
$(".deleteLink").click(function(e){
    e.preventDefault();
    var targetUrl = $(this).attr("href");

    $("#dialog").dialog({
        buttons : {
            "Yes" : function(){
                window.location.replace(targetUrl);
            },
            "No" : function(){
                $(this).dialog("close");
            }
        }
    });
});
});
</script>