Accordion中的Auto Height True无法正常工作

时间:2011-08-23 03:40:10

标签: c# jquery css model-view-controller asp.net-mvc-3

我有一个包含手风琴的模态弹出窗口,每个标签包含一个使用局部视图渲染的表单。

我遇到的问题是,当我切换时,手风琴不会扩展到全高(因此我可以看到所有的表单元素)。每个手风琴标签仅延伸20px。

如何根据内容自动扩展高度?

@model Models.ContentModel.ProductContent
<div id="accordion" class="accord">
    <h2>
        <a href="#">Open New Product</a></h2>

    <div>
        @Html.Partial("../PartialViews/NewProduct", Model ?? new Models.ContentModel.ProductContent())
    </div>
    <h2>
        <a href="#">Manage Product</a></h2>
    <div>
        @Html.Partial("../PARTIALVIEWS/EDITProduct", Model ?? new Models.ContentModel.ProductContent())
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $("#accordion").accordion({
            autoHeight: true
        });
    });
</script>

1 个答案:

答案 0 :(得分:1)

必须使用  autoHeight: false 我认为应该将autoheight设置为true,但jquery不会那样工作。

<script type="text/javascript">
    $(function () {
        $("#accordion").accordion({
            autoHeight:false
        });
    });
</script>