jquery-ui - 与 jqueryui 模态对话框中的 knockoutjs 相关联的 jqueryui 手风琴的问题

Question

我有一个包含手风琴（jqueryui）的模态对话框（jqueryui）。手风琴是使用 knockoutjs 将数据绑定到 observableArray 的。

这是我的代码和正在发生的事情的示例

基本上，当您第一次单击 Show Dialog 按钮时，会显示对话框，并且手风琴看起来应该是这样。但是，如果您关闭对话框并单击 Add Item 按钮，则会将一个项目添加到 knockoutjs 列表中。这反过来又添加了另一个手风琴元素，但现在如果您显示对话框，手风琴细节的大小不合适。

我需要做什么才能完成这项工作？

谢谢你的帮助。

score 0 · Accepted Answer

由于没有其他人可以提供任何其他建议，因此我将我的“hack”列为解决方案。基本上，我注意到由于某种原因，我的手风琴内容的 div 一直被分配 0px 的高度。所以，在我的手风琴活页夹中，我添加了：

$(element).find("div").height("auto");

这似乎解决了我的问题。希望这对其他人有帮助。

score 0 · Accepted Answer

从“id”中删除#，如下所示

<div data-bind="attr: { id: 'collapsible' + testitem.ID }" class="accordion-body collapse">

2 回答 2