asp.net toggle中的bootstrap手风琴根本不起作用

时间:2013-04-19 18:31:18

标签: asp.net twitter-bootstrap

很抱歉,但是另一个引导问题,但经过1 1/2天的争斗,我希望也许有人可以帮助我。

我有一个带有引导菜单的标签的asp.net 4.5网页表单(它们很棒!) 在移动视图中,我想显示手风琴而不是标签。

我创建了一个新的部分并按照bootstraps示例中的代码进行操作,并且无法进行切换。当我点击链接时没有任何反应。

我将其中一个手风琴部分更改为手风琴 - 身体塌陷,这样一个部分会打开,希望它可能会起作用。

没有运气。它在首次打开时打开,但是一旦你点击另一个手风琴标题,打开的一个会关闭,没有任何东西会打开。

    <section class="hidden-desktop visible-tablet visible-phone">
        <div id="accordion2" class="accordion">

            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acServ">Services
                    </a>
                </div>

                <div id="acServ" class="accordion-body collapse in">
                    <div class="accordion-inner">
                        <div>
                            Services
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acSched">Scheduling
                    </a>
                </div>

                <div id="acSched" class="accordion-body collapse">
                    <div class="accordion-inner">
                        <div>
                            Scheduling
                        </div>
                    </div>
                </div>
            </div>

            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acClient">Clients
                    </a>
                </div>

                <div id="acClient" class="accordion-body collapse">
                    <div class="accordion-inner">
                        <div>
                            Clients
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acForm">Formulas
                    </a>
                </div>

                <div id="acForm" class="accordion-body collapse">
                    <div class="accordion-inner">

                        <div>
                            Formulas
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acProd">Products
                    </a>
                </div>

                <div id="acProd" class="accordion-body collapse">
                    <div class="accordion-inner">

                        <div>
                            Products
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acAbout">About
                    </a>
                </div>

                <div id="acAbout" class="accordion-body collapse">
                    <div class="accordion-inner">

                        <div>
                            About
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acStart">Get Started
                    </a>
                </div>

                <div id="acStart" class="accordion-body collapse">
                    <div class="accordion-inner">

                        <div>
                            Get Started
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

任何人都有任何关于发生了什么的想法?

哦,是的,脚本的排序方式就像......

<script src="Scripts/jquery-1.9.1.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
<script src="Scripts/bootstrap-collapse.js"></script>
<script src="Scripts/bootstrap-transition.js"></script>

和css就像......

<link href="Content/bootstrap.css" rel="stylesheet" />
<link href="Content/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="Content/Site.css" rel="stylesheet" />

Site.css是我对bootstrap.css标签进行的一些简单更改(即颜色)。

0 个答案:

没有答案