在jqueryui模态对话框中绑定了knockoutjs的jqueryui手风琴的麻烦

时间:2012-05-14 14:53:04

标签: jquery-ui knockout.js

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

这是我的代码和最新发生的样本

http://jsbin.com/ebocew/3/edit#javascript,html,live

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

我需要做些什么来完成这项工作?

感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

由于没有其他人提出任何其他建议,我会列出我的“黑客”作为解决方案。基本上,我注意到由于某种原因,我的手风琴内容的div被分配了0px的高度。所以,在我的手风琴活页夹中,我补充道:

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

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

答案 1 :(得分:0)

从'id'中删除#,如下所示

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