Jquery $（…）。对话框不是mvc5中的函数错误

基于下拉选择的窗口。因为我得到了这个错误，$（…）。dialog不是一个函数，我通过使用jquery插件尝试了很多方法。问题仍然没有解决

我的视图代码

@model ThreeTierArchitectureMVC.Models.VisitorsFormModel
@{
ViewBag.Title = "SaveVisitorsForm";
 }
 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
 <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
 <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" />

 @using(Html.BeginForm())
 { 

 <form>
<fieldset>

 <div class="col-sm-3">
 <div class="form-group">
 <span style="color: #f00">*</span>
 @Html.Label("Purpose of Visit", new { @class = "control-label", styles = "font-family: Arial;" })
 @Html.DropDownList("POVisitID", null, "Select", new { @class = "form-control required" })

 <div id="dialog-modal" title="Trial Form" style="display:none"></div>
  </div>
  </div>


  <script src="~/javascript/jquery-1.10.4-ui.min.js"></script>
  <script src="~/javascript/bootstrap.js"></script>
  <script src="~/javascript/bootstrap.min.js"></script>
  <script src="~/javascript/jquery-1.9.1.js"></script>
  <script src="~/javascript/jquery-ui-1.8.24.js"></script>
  <script src="~/javascript/jquery-ui-1.8.24.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function () {
    debugger;
    $('#POVisitID').change(function () {
        if ($('#POVisitID option:selected').text == "Trial") {
            $("#dialog-modal").dialog("open");
        }
      })
   })

   $(function () {
    debugger;
    $("#dialog-modal").dialog({
        resizable: false,
        width: 500,
        maxHeight: 800,
        draggable: true,
        dialogClass: 'main-dialog-class',
        autoOpen: false,
        show: {
            effect: "blind",
            duration: 1000
        },
        hide: {
            effect: "explode",
            duration: 1000
        },
        open: function () {
            var closeBtn = $('.ui-dialog-titlebar-close');
            closeBtn.append('<span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span>');
        },
        close: function () {
            var closeBtn = $('.ui-dialog-titlebar-close');
            closeBtn.html('');
        },
    });
});
</script>

@model三层体系结构vc.Models.VisitorsFormModel
@{
ViewBag.Title=“SaveVisitorsForm”；
}
@使用（Html.BeginForm（））
{ 
*
@Label（“访问目的”，新的{@class=“控制标签”，style=“font-family:Arial；”）
@DropDownList（“POVisitID”，null，“Select”，new{@class=“form control required”}）
$（文档）.ready（函数（）{
调试器；
$（'#POVisitID'）。更改（函数（）{
如果（$（'#POVisitID选项：选中'）。文本==“试用版”）{
$（“#对话框模式”）。对话框（“打开”）；
}
})
})
$（函数（）{
调试器；
$（“#对话框模式”）.dialog({
可调整大小：false，
宽度：500，
最大高度：800，
真的，
dialogClass:'主对话框类'，
自动打开：错误，
展示：{
效果：“盲”，
持续时间：1000
},
隐藏：{
效果：“爆炸”，
持续时间：1000
},
打开：函数（）{
var closeBtn=$（'.ui对话框标题栏close'）；
closeBtn.append（“”）；
},
关闭：函数（）{
var closeBtn=$（'.ui对话框标题栏close'）；
html（“”）；
},
});
});

下图中提到了该错误

我尽我所能解释我的问题。任何人都可以帮助我解决这个问题。我尝试了很多我无法解决的问题

谢谢。

正确答案是

 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
 <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
 <script src="~/javascript/bootstrap.min.js"></script>

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script>
 <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
 <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>


<script>
$(document).ready(function () {
    debugger;
    $("#POVisitID").change(function () {
        if ($("#POVisitID option:selected").text() == "Trial") {
            $("#dialog-modal").dialog("open");
        }

    })
})

 $(function () {
    debugger;
    $("#dialog-modal").dialog({
        resizable: false,
        width: 500,
        maxHeight: 800,
        draggable: true,
        dialogClass: 'main-dialog-class',
        autoOpen: false,
        show: {
            effect: "blind",
            duration: 1000
        },
        hide: {
          effect: "explode",
           duration: 1000
       },
        open: function () {
            var closeBtn = $('.ui-dialog-titlebar-close');
            closeBtn.append('<span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span>');
        },
        close: function () {
            var closeBtn = $('.ui-dialog-titlebar-close');
            closeBtn.html('');
        },
    });
});
</script>

$（文档）.ready（函数（）{
调试器；
$（“#POVisitID”）。更改（函数（）{
如果（$（“#POVisitID选项：选中”）.text（）=“试用版”）{
$（“#对话框模式”）。对话框（“打开”）；
}
})
})
$（函数（）{
调试器；
$（“#对话框模式”）.dialog({
可调整大小：false，
宽度：500，
最大高度：800，
真的，
dialogClass:'主对话框类'，
自动打开：错误，
展示：{
效果：“盲”，
持续时间：1000
},
隐藏：{
效果：“爆炸”，
持续时间：1000
},
打开：函数（）{
var closeBtn=$（'.ui对话框标题栏close'）；
closeBtn.append（“”）；
},
关闭：函数（）{
var closeBtn=$（'.ui对话框标题栏close'）；
html（“”）；
},
});
});

为什么页面上加载了这么多jQuery和jQuery ui库？您认为您需要多少份

jQuery

和

jQuery ui

副本（每一份仅1份）@StephenMuecke是的，但我不知道哪些插件必须给出准确的声明插件。请告诉我我犯了什么错误stephen@vijayP我不知道哪些插件必须给出准确的声明，所以只保留3个库脚本标记：

，

和

，顺序相同。删除所有其他插件，然后查看。为什么要加载所有scrIPT不止一次？