Dialog是不是在MVC功能5

Question

我_layout.cshtml包含：

<link href='@Url.Content("~/Content/themes/base/all.css")' rel="stylesheet" type="text/css" /> 
<link href='@Url.Content("~/Content/themes/base/jquery-ui.css")' rel="stylesheet" type="text/css" /> 
<script src='@Url.Content("~/Scripts/jquery-ui-1.12.0.min.js")' type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery-1.12.4.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery-ui-1.12.0.js")" type="text/javascript"></script> 

在Index.cshtml尝试：

<div id="dialog_1"> 
    <label>Something</label> 
</div> 
<script> 
    $(function() { 
     $("#dialog_1").dialog();  
})</script> 

得到：Uncaught TypeError: $(...).dialog is not a function。

Answer 1

解决了我的问题：在包含jQuery UI包之后，需要捆绑所需的文件并引用捆绑包。本文可能会对您有所帮助：http://blog.falafel.com/three-steps-use-jquery-ui-asp-net-mvc-5/。

Answer 2

无论是包括精缩jQuery UI的文件或文件的实际版本的版本，您添加两个 - 这是错误的：

要么删除"~/Scripts/jquery-ui-1.12.0.js"或"~/Scripts/jquery-ui-1.12.0.min.js"

试试这个：

<link href='@Url.Content("~/Content/themes/base/all.css")' rel="stylesheet" type="text/css" /> 
<link href='@Url.Content("~/Content/themes/base/jquery-ui.css")' rel="stylesheet" type="text/css" /> 
<script src='@Url.Content("~/Scripts/jquery-ui-1.12.0.min.js")' type="text/javascript"></script> 
<script src='@Url.Content("~/Scripts/jquery-1.12.4.js")' type="text/javascript"></script>