Question

我正在使用ASP.NET MVC的bootstrap。在这里，我的手风琴没有开始崩溃。

我尝试添加此javascript代码：

    <script>
    $(function () {
        $('#accordion').collapse({
            toggle: false
        })
    });
</script>

但它不起作用。可能是什么问题？

    <div id="accordion" role="tablist" aria-multiselectable="true">

        @foreach (var HB in pages)
        {
            <h2>@HB.Title</h2>

            foreach (var item in HB.Pages)
            {
                string cname = "collapse" + item.ID;
                string hname = "heading" + item.ID;

                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="@hname">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#@cname" aria-expanded="true" aria-controls="@cname">
                                @item.Title
                            </a>
                        </h4>
                    </div>
                    <div id="@cname" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="@hname">
                        @item.Description
                    </div>
                </div>

            }
        }
    </div>

Answer 1

您的代码适合我。

我认为在包含bootstrap之前你不包括jquery。在bootstraps js文件之前引用它：

<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>

这是我的代码工作的代码：

http://codepen.io/egerrard/pen/GjQZoZ

Bootsrap v4-alpha无法正常工作崩溃

1 个答案: