Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery UI对话框标题栏问题_Jquery_Css_Jquery Ui Dialog_Titlebar - Fatal编程技术网

jQuery UI对话框标题栏问题

jQuery UI对话框标题栏问题,jquery,css,jquery-ui-dialog,titlebar,Jquery,Css,Jquery Ui Dialog,Titlebar,我希望其他人也经历过这种情况,并能为我指出正确的方向,找出原因/解决方法 我遇到的问题是,我正在使用jQueryUI对话框进行一些表单输入。当对话框显示时,它完全没有标题栏。我在firebug中打开它,注意到有一个CSS项,如下所示: element.style { display:none; } Firefox中的element.style似乎是指/html/body/div[3]/div,它是标题栏本身使用的div。禁用显示时:无;标题栏变为可见。所以,我知道是什么导致了它,但是css

我希望其他人也经历过这种情况,并能为我指出正确的方向,找出原因/解决方法

我遇到的问题是,我正在使用jQueryUI对话框进行一些表单输入。当对话框显示时,它完全没有标题栏。我在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();
});

您发布的代码如下所示:

$(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移动后的同级标题栏。如果需要隐藏元素的同级,请在创建对话框之前尝试这样做。

调用$(“#dlgEditMlgData”).hide().sibles().hide()有什么原因吗?当您将对话框初始化为autoOpen设置为false的对话框时,该对话框将隐藏以启动。要显示该对话框,请调用:

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

无需对对话框或其同级显式调用hide()。

是否设置标题文本(dom元素标题属性或对话框选项)?我正在创建对话框的javascript中设置标题文本。$(文档).ready(函数(){$(“#dlgEditMlgData”).dialog({autoOpen:false,modal:true,show:'blind',hide:'explode',title:'里程输入编辑实用程序'};$(“#dlgEditMlgData”).hide().sides().hide()});你有一个链接让我们可以看到它的运行吗?Stephen,谢谢你的帮助。下面的James和Mikael都提供了很好的建议,这确实有助于清理这个问题。我有多个对话框封装在一个容器div中,这样每个对话框都可以按需调用。如果我不隐藏兄弟姐妹,其他对话框将显示在页面上。有更好的方法吗也许为了解决这个问题?其他对话框不应该显示它们是否都是用autoOpen:false初始化的。你能更新你的示例以显示多个对话框引起的问题吗?詹姆斯,谢谢你的见解。我认为你的答案和Mikael的答案都是正确的。谢谢你们!问题解决了。:)我希望有办法解决这个问题请检查您的两个答案是否正确。请原谅我在这一点上给了Mikael荣誉。:(它说我还没有足够的声誉来提高投票率。我真的为此道歉,因为您的帮助也是非常值得的。那么,您是说在上述代码之前给隐藏兄弟姐妹打电话吗?在这一行之前:$(“#dlgEditMlgData”)。对话({哦,天哪!那太简单了!非常感谢你的回答。这就是问题所在。我将它移到对话框定义块之前,并对其进行了更改,使其隐藏了容器div,这很有效。:)