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