Javascript 使用ajax（MVC）的JQuery UI手风琴高度问题

使用ajax填充JQuery UI accordion的面板时，一切正常，但面板的高度不依赖于内容。实际上，面板是一行，有一个滚动条。 用于填充面板的脚本：

$(".accordion").accordion({
        header: '> div > h3',
        autoHeight: false,
        active: false,
        collapsible: true,
        beforeActivate: function (event, ui) {
            var id = ui.newPanel.attr('id');
            id = id.replace("QID_", "");

            $.ajax({
                url: '@Url.Action("GetAnswers")',
                data: { QuestionId: id },
                type: 'POST',
                async: false,
                success: function (result) {
                    $("#QID_" + id).html(result);
                }
            });
        }
    })

参数autoHeight设置为false以使面板可排序。将其设置为true并不能使其更好。解决方法是首先用空白填充面板：

<div id='QID_@item.QuestionId'>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

---

希望不是最好的解决方案。如何获得一个内容可靠的面板高度？谢谢你的帮助

您是否尝试刷新其内容

$(".accordion").accordion({
    header: '> div > h3',
    autoHeight: false,
    active: false,
    collapsible: true,
    beforeActivate: function (event, ui) {
        var id = ui.newPanel.attr('id');
        id = id.replace("QID_", "");

        $.ajax({
            url: '@Url.Action("GetAnswers")',
            data: { QuestionId: id },
            type: 'POST',
            async: false,
            success: function (result) {
                $("#QID_" + id).html(result);
                // Refresh
                $(".accordion").accordion().refresh();
            }
        });
    }
})

---

我在文档中找不到选项

autoHeight

。你的意思是不是“内容”“高度样式”？

谢谢，高度样式就可以了。刷新是递归。我已经提到了这两个，以防万一。