Twitter bootstrap 引导手风琴无法处理淘汰生成的项目

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

我正在使用Knockout动态通用一个Twitter引导手风琴。数据绑定似乎工作得很好,手风琴的初始渲染工作正常。但是,用于切换组打开或关闭的超链接不起作用。我想我已经设置了必要的属性

<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!'片刻。谢谢你多给我一双眼睛。至少我的基本知识是正确的。:)