数据切换=“崩溃”单击时不会折叠我的数据。

Question

我遇到了一个有趣的难题。我正在尝试创建一个可折叠的div来保存我的数据，但是到目前为止它还不能工作。我想可能是jquery给了我噩梦，但是在将它引用到google之后，我仍然遇到了同样的问题。一旦我点击崩溃/展开。它什么也做不了。你们能看到什么问题吗？

 <div class="panel-group" id="accordion" style="margin-top: 15px">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Complete Database Export</a>
                <small style="margin-left: 10px">(click here)</small>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in">
            <div class="panel-body">

                <div class="row" style="text-align: center; margin-top: 10px">
                    <asp:Label runat="server" CssClass="label">Complete Database Export</asp:Label>
                    <table style="width: 100%; margin-top: 10px">
                        <tr>
                            <td>
                                <p class="fg-color-grey">Enter the email addresses where the report will be sent to, seperated by commas:</p>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: center">
                                <asp:TextBox ID="txtDumpEmails" runat="server" CssClass="genericTextBox widthOverride"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Button ID="btnDump" runat="server" Text="Generate Complete Database Export" CssClass="simpleButton marginOverride" OnClick="btnDatabaseDump_Click" />
                            </td>
                        </tr>
                    </table>

                </div>

            </div>
        </div>
    </div>
  </div>

有什么东西我可以试着检查或者我忘记了吗？提前谢谢。我现在对此感到非常沮丧。

编辑

我还应该注意，我不会在web检查控制台中出现任何错误。

Answer 1

好的，您所拥有的代码将完成折叠/展开，但它位于链接上，即

<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Complete Database Export</a>

而不是在以下代码上：

<small style="margin-left: 10px">(click here)</small>

扩展屏幕截图

​

​

折叠屏幕截图

​

​

如果通过选择“完整数据库导出”链接，您需要检查所有引导资源文件是否正确加载。

我猜js文件丢失了，您可以通过引用cdn进行测试，即

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>