Jquery ui 根据动态数据控制jqueryui中的高度

我正在使用带有knockout的jQuery accordion控件根据一些客户端活动动态地向控件添加/删除项。我创建了一个击倒绑定，如下所示：

ko.bindingHandlers.accordion = {
  init: function (element, valueAccessor) {
    var options = valueAccessor() || {};
    setTimeout(function () {
      $(element).accordion(options);
    }, 0);

    //handle disposal (if KO removes by the template binding)
    ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
      $(element).accordion("destroy");
    });
  },
  update: function (element, valueAccessor) {
    var options = valueAccessor() || {};
    $(element).accordion("destroy").accordion(options);
  }
}

现在我的问题是手风琴的尺寸。。。它看起来总是非常压缩（垂直）。我尝试设置包含控件的DIV的高度，如下所示：

<div id="LearningPaths" data-bind="foreach: allLearningPaths, accordion: {}" style="height:500px; border:1px solid red;">

但手风琴的面板不会改变。。。他们仍然不是很“高”。下面是它的样子：

我想当我使用.accordion（）时，可以传入一个设置，但对于绑定处理程序，我不确定如何传入，因为我已经传入了“options”对象

---

我想要的是让每个面板的内容区域扩展到手风琴控件中的整个可用面。。。想法？

首先，我认为您的问题是与SharePoint web部件相关的人。我创建了一个基于SharePoint中摘要链接web部件的手风琴解决方案，可在以下位置找到： 我写了我自己的手风琴来完成这个任务，这也确保了如果你想编辑页面，手风琴脚本不会被加载

另一方面，我认为您的问题更多地与css有关，而与jquery无关。你在css中使用浮动样式吗？然后，您需要确保使用所谓的清除修复。 这可以通过定义以下样式来完成：

.事务委员会：之后{ 明确：两者皆有； }