Bootstrap手风琴无法使用Knockout生成的项目

Question

我正在使用Knockout动态推出Twitter-Bootstrap手风琴.数据绑定似乎运行良好,手风琴的初始渲染工作正常.但是,打开或关闭组的超链接无效.我想我已经设定了必要的属性......

<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>

这是我的问题的一个例子:http://jsfiddle.net/andrewransom/3h3qp/

附带问题:由于我是jsFiddle的新手,有人能指出我的jsFiddle设置了最新版本jQuery/Bootstrap/Knockout 的模板(或说明)吗？

Answer 1

你应该删除#这一行:

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

当你的id应该只是"collabsibleX"时,你的id就被生成为"#collapsibleX"