我从事.NET项目,VS 2015,MVC。
我正在尝试使用jQuery-UI打开模态对话框。
对话框打开,但我无法看到标题栏或其他与对话框设计相关的内容。对话框上的关闭按钮正常工作。
开放代码:
var OpenModal = function () {
var page = "/UserAvailability/EventUsers/";
var $dialog = $('<div></div>')
.html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
.dialog({
autoOpen: false,
modal: true,
height: 700,
width: "90%",
title: "Dodaj uporabnike na dogodek",
open: function () {
$(this).find('.ui-dialog-titlebar-close').blur();
},
})
$dialog.dialog('open');
};
以下是打开后对话框的显示方式:
我错过了什么吗?
我已包含在捆绑包中的样式:
StyleBundle stylesAll = new StyleBundle("~/styles/all");
stylesAll.Include("~/static/style/bootstrap.min.css");
stylesAll.Include("~/static/style/datepicker3.css");
stylesAll.Include("~/static/style/bootstrap-datetimepicker.css");
stylesAll.Include("~/static/style/bootstrap-timepicker.css");
stylesAll.Include("~/static/jquery.ui/css/custom-theme/jquery-ui-1.10.0.custom.css");
stylesAll.Include("~/static/style/common.css");
stylesAll.Include("~/static/style/bootstrap-custom.css");
stylesAll.Include("~/Content/themes/base/jquery-ui.css");
stylesAll.Include("~/Content/themes/base/jquery.ui.dialog.css");
stylesAll.Include("~/static/jquery.ui/css/smoothness/jquery-ui.css");
stylesAll.Include("~/static/jquery.ui/css/smoothness/jquery.ui.theme.css");
捆绑包中的脚本:
ScriptBundle scriptsAll = new ScriptBundle("~/scripts/all");
scriptsAll.Include("~/static/scripts/jquery-1.11.0.min.js");
scriptsAll.Include("~/static/jquery.ui/js/jquery-ui-1.10.4.custom.js");
scriptsAll.Include("~/static/scripts/bootstrap.min.js");
scriptsAll.Include("~/static/scripts/jqBootstrapValidation.js");
scriptsAll.Include("~/static/scripts/json3.min.js");
scriptsAll.Include("~/static/scripts/jquery.cookie.js");
scriptsAll.Include("~/static/scripts/bootstrap3-typeahead.min.js");
scriptsAll.Include("~/static/scripts/bootstrap-datepicker.js");
scriptsAll.Include("~/static/scripts/bootstrap-datetimepicker.js");
scriptsAll.Include("~/static/scripts/bootstrap-timepicker.min.js");
scriptsAll.Include("~/static/scripts/common.js");