为什么使用 jQueryEasyUI 在 jQuery.show() 上 Divs 的宽度为 0px

Question

我有一个最初隐藏的父 div。在 div 里面我有一个 easyui 手风琴 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>

Answer 1

嘿，由于与您发表的评论完全相同的原因，我遇到了完全相同的问题。我最终做了 display:none 然后手动添加了所做的每个 css 更改。首先我把masterDiv变成了一个类

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

手风琴是easyUI类设置为0px的宽度。它最终变成了很多 css 代码，但在 Jquery EasyUI 能够提出一些东西之前它一直有效。

Answer 2

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

你试过了吗

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