Javascript jquery引导程序未完全垂直扩展

我使用这个例子小提琴嵌套引导手风琴

我在MVC/Razor中使用它，我很难让儿童手风琴完全扩展。它们只打开一点点，需要滚动，这是不需要的

以下是我的相关剃须刀片段：（仅供参考，我添加了各种属性，试图让手风琴展开，但它们只展开手风琴周围的区域，而不是手风琴本身。）

.手风琴扩音器{
利润率：10px0；
}
/*.手风琴展开支架.打开，.手风琴展开支架.关闭{
裕度：0 10px 0 0；
}*/
.ui手风琴内容{
高度：自动；
}
全部展开
全部崩溃
@foreach（模型中的var项目）
{
@（项目名称）
删除
编辑
说明：@（项目说明）
注：@（项目注释）
任务
高度：150px；“>
@如果（item.Tasks！=null）
{
如果（item.Tasks.Count>0）
{
foreach（item.Tasks中的var任务）
{
高度：150px；“>
删除
编辑




说明：@（任务说明）

}
}
其他的
{
没有分配任务
}
}



添加新任务
}
//手风琴-全部展开#01
$（函数（）{
$（“手风琴”）。手风琴({
可折叠的：是的，
活动：错误，
自动高度：正确，
});
变量图标=$（“.accordion”）.accordion（“选项”、“图标”）；
$（'.open'）。单击（函数（）{
$（'.ui accordion header'）.removeClass（'ui-corner-all'）.addClass（'ui-accordion-header-active ui state active ui corner top'）.attr({
“选定的咏叹调”：“true”，
“tabindex”：“0”
});
$（'.ui accordion header icon'）.removeClass（icons.header）.addClass（icons.headerSelected）；
$（'.ui accordion content'）.addClass（'ui-accordion-content-active'）.attr({
“aria expanded”：“true”，
“隐藏的咏叹调”：“假”
}).show（）；
$（此）.attr（“已禁用”、“已禁用”）；
$（'.close'）.removeAttr（“禁用”）；
});
$（'.close'）。单击（函数（）{
$（'.ui accordion header'）.removeClass（'ui-accordion-header-activeui-state-activeui-corner-top'）.addClass（'ui-corner-all'）.attr({
“选定的咏叹调”：“错误”，
“tabindex”：“-1”
});
$（'.ui accordion header icon'）.removeClass（icons.headerSelected.addClass（icons.header））；
$（'.ui accordion content'）.removeClass（'ui-accordion-content-active'）.attr({
“aria expanded”：“false”，
“隐藏的咏叹调”：“真实”
}).hide（）；
$（此）.attr（“已禁用”、“已禁用”）；
$（'.open'）.removeAttr（“禁用”）；
});
$（'.ui accordion header'）。单击（函数（）{
$（'.open'）.removeAttr（“禁用”）；
$（'.close'）.removeAttr（“禁用”）；
});
});
//$（“#手风琴”）。手风琴（）；

---

看起来您的问题是

自动高度

选项

您可以将其设置为false，例如：

autoHeight:false

-或-

您可以使用

autoHeight:true，

并在之后添加

heightStyle:“content”

资料来源：

---

看起来您的问题是

autoHeight

选项

您可以将其设置为false，例如：

autoHeight:false

-或-

您可以使用

autoHeight:true，

并在之后添加

heightStyle:“content”

资料来源：

需要这样做：

$(".accordion").accordion({
        collapsible: true,
        active: false,
        autoHeight: false,
        heightStyle: "content" //<- this fixes the problem with the squished height
    });

$（“.accordion”）.accordion({
可折叠的：是的，
活动：错误，
自动高度：false，
heightStyle:“内容”/需要此项：

$(".accordion").accordion({
        collapsible: true,
        active: false,
        autoHeight: false,
        heightStyle: "content" //<- this fixes the problem with the squished height
    });

$（“.accordion”）.accordion({
可折叠的：是的，
活动：错误，
自动高度：false，
heightStyle:“内容”//看起来它在Chrome中非常适合我，您使用的浏览器是什么？在Firefox 42Chrome中对我很好。我刚刚修复了它。必须添加heightStyle:“内容”对于手风琴初始化。它看起来在Chrome中非常适合我，您使用的浏览器是什么？对于Firefox 42Chrome来说很好。我刚刚修复了它。必须添加heightStyle：“内容”手风琴初始化。宾果，我也找到了这个，谢谢。当它允许我的时候，我会把你标记为答案。宾果，我也找到了这个，谢谢。当它允许我的时候，我会把你标记为答案。