3

我正在使用 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 的新手，任何人都可以将我指向一个模板（或说明），该模板（或说明）设置了最新版本的 jQuery/Bootstrap/Knockout 的 jsFiddle？

4

1 回答 1

10

#您应该从此行中删除：

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

您的 id 被生成为“#collapsibleX”，而它们应该只是“collabsibleX”

于 2013-06-29T05:41:07.000 回答