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”

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

1 个答案: