0

我希望其他人已经经历过这种情况，并且可以为我指出原因/修复的正确方向。

我遇到的问题是我正在使用 jQuery UI-Dialog 进行某些表单输入。当对话框显示时，它完全没有标题栏。我在 firebug 中打开它，发现有一个 CSS 项，如下所示；

element.style {
  display:none;
}

Firefox 中的 element.style 似乎指的是 /html/body/div[3]/div，它是用于标题栏本身的 div。当我禁用显示时：无；标题栏变得可见。所以，我知道是什么导致了它，但似乎那个 css 可能是 jquery 本身可能发生的事情的结果。

我最初认为我的 CSS 文件可能存在 CSS 冲突，因此我将它们注释掉并尝试仅使用 jquery 库和自定义 css 和图像运行页面。还是得到同样的东西。

我已经为此奋斗了好几天，真的可以使用一些建议。

谢谢

更新：

$(document).ready(function() { 
    $("#dlgEditMlgData").dialog({ autoOpen: false, 
                                  modal: true, 
                                  show: 'blind', 
                                  hide: 'explode', 
                                  title: 'Mileage Entry Edit Utility'
    }); 
    $("#dlgEditMlgData").hide().siblings().hide();
});
4

2 回答 2

1

您调用 $("#dlgEditMlgData").hide().siblings().hide() 是否有原因？当您将 a 初始化为 autoOpen 设置为 false 的对话框时，对话框将隐藏以启动。要显示对话框，然后调用：

$('#dlgEditMlgData').dialog('open');

无需在对话框或其兄弟上显式调用 hide()。

于 2010-11-24T17:30:12.570 回答
1

您发布了这样的代码：

$(document).ready(function() { 
  $("#dlgEditMlgData").dialog({ 
    autoOpen: false,
    modal: true,
    show: 'blind',
    hide: 'explode',
    title: 'Mileage Entry Edit Utility'
  }); 
  $("#dlgEditMlgData").hide().siblings().hide(); 
});

当您调用 .dialog 时，元素将移动到文档的末尾并插入到包装器（对话框的框架）中。

但是在那之后，你在元素上调用 hide 并隐藏它的兄弟姐妹，这意味着你隐藏了 div 本身，但你也隐藏了标题栏，它是 div 被移动后的兄弟姐妹。如果您需要隐藏元素的兄弟姐妹，请在创建对话框之前尝试这样做。

于 2010-11-24T17:18:42.743 回答