Javascript 为什么使用jQueryAsyUI的jQuery.show()上的div的宽度为0px

Javascript 为什么使用jQueryAsyUI的jQuery.show()上的div的宽度为0px,javascript,jquery,dom,jquery-easyui,Javascript,Jquery,Dom,Jquery Easyui,我有一个最初隐藏的父div。在div中,我有一个easyui accordion div。当我调用父div上的show()方法时,easyui div的宽度显示为0px。如果div不是初始隐藏的,它将计算宽度罚款 有人知道最初隐藏div并在显示时计算正确宽度的正确方法吗 <div id='masterDiv' style='display:none;'> <div class="easyui-accordion" style='height:475px;' data-o

我有一个最初隐藏的父div。在div中,我有一个easyui accordion div。当我调用父div上的show()方法时,easyui div的宽度显示为0px。如果div不是初始隐藏的,它将计算宽度罚款

有人知道最初隐藏div并在显示时计算正确宽度的正确方法吗

<div id='masterDiv' style='display:none;'>
    <div class="easyui-accordion" style='height:475px;' data-options="border:false" > 
        <div title="Overview" class='accordionPanel' data-options="iconCls:'icon-no'" style="overflow:auto;padding:10px;">  
            <h3 style="color:#0099FF;">Accordion for jQuery</h3>  
            <p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>  
        </div>
        <div title="Checklist" class='accordionPanel' data-options="iconCls:'icon-no'" style="overflow:auto;padding:10px;">  
            <h3 style="color:#0099FF;">Accordion for jQuery</h3>  
            <p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>  
        </div>
     </div>
</div>


<script type='text/javascript'>
$(document).ready(function(){
    $('#masterDiv').show();
});
</script>

jQuery手风琴
Accordion是用于jQuery的easyui框架的一部分。它使您可以更轻松地在网页上定义手风琴组件。

jQuery手风琴 Accordion是用于jQuery的easyui框架的一部分。它使您可以更轻松地在网页上定义手风琴组件。

$(文档).ready(函数(){ $('#masterDiv').show(); });
如果必须在页面加载后显示div,为什么要隐藏它

你试过了吗

document.getElementById("masterDiv").style.display="block";

如果必须在页面加载后显示div,为什么要隐藏它

你试过了吗

document.getElementById("masterDiv").style.display="block";

嘿,我遇到了完全相同的问题,原因与你的评论完全相同。最后我做了显示:无然后手动添加每个css更改。首先,我把大师班编成了一个班

$('.masterDiv').css("display", "block");
$('.masterDiv' .accordian).css('width', '300px);

手风琴是easyUI设置为0px宽度的任何类别。它最终变成了大量的css代码,但在jQueryEasyui能够想出一些东西之前,它是有效的

嘿,我遇到了完全相同的问题,原因与你的评论完全相同。最后我做了显示:无然后手动添加每个css更改。首先,我把大师班编成了一个班

$('.masterDiv').css("display", "block");
$('.masterDiv' .accordian).css('width', '300px);

手风琴是easyUI设置为0px宽度的任何类别。它最终变成了大量的css代码,但在jQueryEasyui能够想出一些东西之前,它是有效的

我将隐藏手风琴和其他组件,直到文档完全加载,以避免在IE on load中屏幕上“闪烁”。上述说法行不通。不幸的是,我觉得这是jQueryEasyui中的一个bug。几个月前我加入了他们的论坛,但他们从未批准我的用户名,所以我不能在那里问任何问题:(我正在隐藏手风琴和其他组件,直到文档完全加载,以避免“闪烁”在IE on load的屏幕上。上述声明不起作用。不幸的是,我感觉这是jQuery EasyUI中的一个bug。我几个月前加入了他们的论坛,但他们从未批准我的用户名,因此我不能在那里问任何问题:(