Jquery ui 避免自动更改jQuery手风琴的宽度

如果我访问Accordion的内容，如何避免jQuery Accordion头自动调整大小

脚本：

<script type="text/javascript" >
    $(document).ready(function() {
      $("#dvAccordion").accordion(
            { autoHeight: false,
                collapsible: true
            }
        );
     });
</script>

$（文档）.ready（函数（）{
$（“DV手风琴”）。手风琴(
{autoHeight:false，
可折叠：正确
}
);
});

标记：

    <div id="dvAccordion">
    <h5><a href="#fragment1"><asp:Label runat="server" ID="lblAccordionRC" Text="Hi" meta:resourcekey="lblAccordionRC"  ></asp:Label></a></h5>
        <div id="fragment1">
            <div style=" height:10px; width:200%; background-color:Blue;"></div>                
        </div>
    <h5><a href="#fragment2"><asp:Label runat="server" ID="lblAccodionUNC" Text="How"  meta:resourcekey="lblAccodionUNC"></asp:Label></a></h5>               
        <div id="fragment2">
            How are You ?
        </div>        
    </div>

你好吗？

---

第一个手风琴比第二个手风琴包含更宽的div。如果我点击第一个手风琴，一个调整大小的标题的手风琴发生。然后，如果我单击第二个手风琴，它会收缩回来。它使最终用户的页面可视化效果不佳如何删除此自动调整大小？

使用css设置手风琴的宽度

<div id="dvAccordion" style="width:300px;">

---

由于某些原因，在html中设置宽度似乎不能与jquery一起正常工作。

使用css设置手风琴的宽度

<div id="dvAccordion" style="width:300px;">

---

由于某些原因，在html中设置宽度似乎不能与jquery一起正常工作。

您的问题不够清楚。请尝试解释更多，或者添加一些代码。您想要的行为到底是什么？是否希望手风琴始终具有相同的宽度？=>溢出：自动；在碎片上。@maenu:是的，你是对的。我想保持恒定的宽度。嗯，我无法重现所描述的行为（）。在本例中，手风琴的行为似乎与您所希望的一样。也许这与您使用的jQuery和UI版本有关？@maenu:是的。它也在机器上工作。但是真正的代码包含很多元素，如ASP.NETGridView、文本框等，这会自动调整手风琴的大小。有没有可能？你的问题不够清楚。请尝试解释更多，或者添加一些代码。您想要的行为到底是什么？是否希望手风琴始终具有相同的宽度？=>溢出：自动；在碎片上。@maenu:是的，你是对的。我想保持恒定的宽度。嗯，我无法重现所描述的行为（）。在本例中，手风琴的行为似乎与您所希望的一样。也许这与您使用的jQuery和UI版本有关？@maenu:是的。它也在机器上工作。但是真正的代码包含很多元素，如ASP.NETGridView、文本框等，这会自动调整手风琴的大小。有没有可能？你也可以尝试用另一个div来包装它，然后设置它的宽度。看这个。你也可以尝试用另一个div来包装它，然后设置它的宽度。看这个。