Jquery模式对话框没有显示标题栏

时间:2017-04-12 15:41:06

标签: jquery jquery-ui modal-dialog

我从事.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');

};

以下是打开后对话框的显示方式:

enter image description here

我错过了什么吗?

我已包含在捆绑包中的样式:

 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");

0 个答案:

没有答案