Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/google-sheets/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导手风琴折叠不工作_Javascript_Jquery_Twitter Bootstrap 3 - Fatal编程技术网

Javascript 引导手风琴折叠不工作

Javascript 引导手风琴折叠不工作,javascript,jquery,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap 3,我用的是Bootstrap,但我不能让手风琴折叠。它不会做任何事。有什么帮助吗?我已经四处查看并添加了所需的文件,但仍然无法工作。任何帮助都将不胜感激。我正在使用网站上最新的引导文件 标题 切换导航 导航标题 网站 场地 HTML代表超文本标记语言。HTML是描述网页结构的主要标记语言。 Bootstrap是一个功能强大的前端框架,用于更快、更简单的web开发。它是CSS和HTML约定的集合。 CSS代表级联样式表。CSS允许您为给定

我用的是Bootstrap,但我不能让手风琴折叠。它不会做任何事。有什么帮助吗?我已经四处查看并添加了所需的文件,但仍然无法工作。任何帮助都将不胜感激。我正在使用网站上最新的引导文件


标题
切换导航
    • 导航标题
网站 场地

HTML代表超文本标记语言。HTML是描述网页结构的主要标记语言。

Bootstrap是一个功能强大的前端框架,用于更快、更简单的web开发。它是CSS和HTML约定的集合。

CSS代表级联样式表。CSS允许您为给定的HTML元素指定各种样式属性,例如颜色、背景、字体等。

您的代码工作正常。这意味着您的脚本可能有问题

您有不正确的bootstrap.jsCDN。只要改变一下:

<script src="site.com/js/bootstrap.js"></script>

关于这一点:

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>


切换导航
    • 导航标题
网站 场地

HTML代表超文本标记语言。HTML是描述网页结构的主要标记语言。

Bootstrap是一个功能强大的前端框架,用于更快、更简单的web开发。它是CSS和HTML约定的集合。

CSS代表级联样式表。CSS允许您为给定的HTML元素指定各种样式属性,例如颜色、背景、字体等。


您的代码对我来说似乎运行良好:

你有没有在网页上链接到Bootstrap JS、CSS和jQuery?您的页面上也可能存在jQuery冲突,使其无法工作

<div class="bs-example">
        <div class="panel-group" id="accordion">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">1. What is HTML?</a>
                </h4>
            </div>
            <div id="collapseOne" class="panel-collapse collapse in">
              <div class="panel-body">
                <p>HTML stands for HyperText Markup Language. HTML is the main markup language for describing the structure of Web pages. <a href="http://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a>
                </p>
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">2. What is Bootstrap?</a>
                </h4>
            </div>
            <div id="collapseTwo" class="panel-collapse collapse">
              <div class="panel-body">
                <p>Bootstrap is a powerful front-end framework for faster and easier web development. It is a collection of CSS and HTML conventions. <a href="http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/" target="_blank">Learn more.</a>
                </p>
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">3. What is CSS?</a>
                </h4>
            </div>
            <div id="collapseThree" class="panel-collapse collapse">
              <div class="panel-body">
                <p>CSS stands for Cascading Style Sheet. CSS allows you to specify various style properties for a given HTML element such as colors, backgrounds, fonts etc. <a href="http://www.tutorialrepublic.com/css-tutorial/" target="_blank">Learn more.</a>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>

HTML代表超文本标记语言。HTML是描述网页结构的主要标记语言。

Bootstrap是一个功能强大的前端框架,用于更快、更简单的web开发。它是CSS和HTML约定的集合。

<div class="bs-example">
        <div class="panel-group" id="accordion">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">1. What is HTML?</a>
                </h4>
            </div>
            <div id="collapseOne" class="panel-collapse collapse in">
              <div class="panel-body">
                <p>HTML stands for HyperText Markup Language. HTML is the main markup language for describing the structure of Web pages. <a href="http://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a>
                </p>
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">2. What is Bootstrap?</a>
                </h4>
            </div>
            <div id="collapseTwo" class="panel-collapse collapse">
              <div class="panel-body">
                <p>Bootstrap is a powerful front-end framework for faster and easier web development. It is a collection of CSS and HTML conventions. <a href="http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/" target="_blank">Learn more.</a>
                </p>
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">3. What is CSS?</a>
                </h4>
            </div>
            <div id="collapseThree" class="panel-collapse collapse">
              <div class="panel-body">
                <p>CSS stands for Cascading Style Sheet. CSS allows you to specify various style properties for a given HTML element such as colors, backgrounds, fonts etc. <a href="http://www.tutorialrepublic.com/css-tutorial/" target="_blank">Learn more.</a>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>