实现 Twitter 引导手风琴时遇到问题

trouble implementing twitter bootstrap accordion

本文关键字：遇到 问题 手风琴 Twitter 实现      更新时间：2023-09-26

我在实现 Twitter 引导程序的手风琴功能时遇到了问题，想知道是否有人可以看看并指出它为什么不起作用：

<div class="accordion">
            <div class="accordion-group" style="display:none" id="View" data-bind="foreach:Types">
                <div class="accordion-heading">
                    <div class="text_x-large header"><span data-bind="text:Name()"></span> 
                        <span class="icon-plus-sign-alt accordion-toggle"></span>
                    </div>
                </div>
                <div class="accordion-body collapse in" data-bind="template: { name: 'list', foreach: $data.Users }"></div>
            </div>
        </div>

最后一个div 调用以下内容以放置在具有类折叠的div 中：

<script type="text/html" id="list">
    <div class="accordion-inner">
        <h3 id="letter" data-bind="text: Letter"></h3>
        <div class="smoke_hover" >
            <div class="list_item">
                <span class="h2"><small data-bind="text: Name"></small></span>
            </div>
        </div>
    </div>
</script>

我重新安排了您的设置，使其更像引导文档中的collapse示例，它就像一个魅力

这是小提琴：http://jsfiddle.net/Jgdmq/

相关文章：