带MVC4的Jquery对话框问题

嗨，我正试图通过点击按钮打开弹出窗口。我有一个局部视图，我正在点击按钮将其加载到弹出窗口中。对话框并没有打开，而是当我点击按钮时，部分视图在主屏幕上打开，它本身并没有弹出窗口。我想打开部分视图作为弹出窗口。请参阅OpenCreatePopup（）

主屏幕代码
------------------------------------------------------------------------------------ 
@模型IEnumerable
@{
ViewBag.Title=“ProductList”；
Layout=“~/Views/Shared/_Layout.cshtml”；
.电网{
宽度：100%；
}
}
产品列表
@{
WebGrid=新的WebGrid（模型）；
@grid.GetHtml(
表样式：“网格”，
fillEmptyRows:false，
headerStyle：“gvHeading”，
alternatingRowStyle:“GVAlternativeRow”，
行样式：“gvRow”，
页脚样式：“gvFooter”，
模式：WebGridPagerModes.All，
第一个文本：“，
lastText:“Last>>”，
列：新[]{
grid.Column（“ProductId”，标题：“ID”），
grid.Column（“产品名称”，标题：“产品”），
网格栏（“价格”），
网格柱（“质量”），
网格栏（“ReordLevel”，标题：“R.O.L.”），
grid.Column（“ContactusId”，标题：“Action”，canSort:false，
格式：@
@Html.Raw（“”）
@Html.Raw（“”）
)
})
}
功能编辑产品（pid）{
var ph=$（“divtoappeandpartialvoew”）；
ph.load（“/Products/edit？productid=“+pid，函数（）{
对话博士({
莫代尔：是的，
宽度：500，
身高：438，
标题：“编辑产品”，
可调整大小：false
});
});
}
函数删除产品（pid）{
if（确认（“是否要删除产品：+pid））{
变量数据={'ProductId'：pid}
$.post（'/Products/Delete'，数据，
功能（数据）{
如果（数据==true）
location=location.href；
其他的
警报（“无法删除”）；
});
}
}
函数OpenCreatePopup（）{
调试器；
var div=$（“divtoappeandpartialvoew”）；
div.load（“/Prducts/Create”，函数（）{
div.dialog({
莫代尔：是的，
宽度：500，
身高：438，
标题：“添加新产品”，
可调整大小：false，
});
});
}
---------------------------------------------------------------------------------- 
下面是我的部分视图代码：
@模型样本crud.Models.Product
@使用（Html.BeginForm（））{
@Html.ValidationSummary（true）
产品
@Html.LabelFor（model=>model.ProductName）
@Html.EditorFor（model=>model.ProductName）
@Html.ValidationMessageFor（model=>model.ProductName）
@LabelFor（model=>model.Price）
@EditorFor（model=>model.Price）
@Html.ValidationMessageFor（model=>model.Price）
@LabelFor（model=>model.qnatity）
@EditorFor（model=>model.qnatity）
@Html.ValidationMessageFor（model=>model.qnatity）
@LabelFor（model=>model.ReorderLevel）
@EditorFor（model=>model.ReorderLevel）
@Html.ValidationMessageFor（model=>model.ReorderLevel）


}
@ActionLink（“关闭”、“索引”）
函数SaveProduct（）{
var pname=$（“#产品名称”）.val（）；
var pprice=$（“#价格”）.val（）；
var pqty=$（“#Qunatity”）.val（）；
var prol=$（“#ReorderLevel”）.val（）；
var乘积={
“产品名称”：pname，“价格”：pprice，
“质量”：pqty，“再订购级别”：prol
};
$.post（'/products/create'，product，
函数（数据）{if（数据==0）{location=location.href；}}，'json'）；
}
--

如果您得到的控制台错误是

对话框未定义

，那么我怀疑罪魁祸首是您导入了jQuery，而不是jQuery UI（定义了对话框的地方）

您可以从这里下载：（如果不需要完整的jQuery UI，可以在小部件部分下载）

或者您可以从谷歌CDN或类似网站导入：

<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>

您是否在浏览器控制台上发现任何错误？开发工具？我怀疑部分加载时出错，这意味着

.dialog

无法运行。因此没有弹出窗口是。。上面写着对话是不可分割的谢谢。。我添加了J查询UI引用。。它现在很好用。很酷，很高兴它有帮助。请将此标记为正确答案。

<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>