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>