Twitter bootstrap 引导手风琴无法处理淘汰生成的项目
我正在使用Knockout动态通用一个Twitter引导手风琴。数据绑定似乎工作得很好,手风琴的初始渲染工作正常。但是,用于切换组打开或关闭的超链接不起作用。我想我已经设置了必要的属性Twitter bootstrap 引导手风琴无法处理淘汰生成的项目,twitter-bootstrap,knockout.js,accordion,Twitter Bootstrap,Knockout.js,Accordion,我正在使用Knockout动态通用一个Twitter引导手风琴。数据绑定似乎工作得很好,手风琴的初始渲染工作正常。但是,用于切换组打开或关闭的超链接不起作用。我想我已经设置了必要的属性 <div class="accordion" id="accordion-testitem-list"> <!-- ko foreach : { data: items, as: 'testitem' } --> <div class="accordion-group
<div class="accordion" id="accordion-testitem-list">
<!-- ko foreach : { data: items, as: 'testitem' } -->
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-testitem-list" data-bind="text: testitem.Name, attr: { href : '#collapsible' + testitem.ID, 'data-target': '#collapsible' + testitem.ID }">
</a>
</div>
<div data-bind="attr: { id: '#collapsible' + testitem.ID }" class="accordion-body collapse">
<div class="accordion-inner"> <span data-bind="text: testitem.Description"></span>
</div>
</div>
</div>
<!-- /ko -->
</div>
以下是我的问题的一个例子:
附带问题:由于我是JSFIDLE新手,有人能给我指出一个模板(或说明),该模板使用最新版本jQuery/Bootstrap/Knockout设置了JSFIDLE吗?您应该从这一行中删除
#
:
<div data-bind="attr: { id: '#collapsible' + testitem.ID }" class="accordion-body collapse">
您的ID被生成为“#collappilex”,而它们应该是“collabsibleX”A'Doh!'片刻。谢谢你多给我一双眼睛。至少我的基本知识是正确的。:)