[英]Bootstrap collapse not working (+ and - signs is not changing)
我正在使用bootstrap类进行崩溃。 当我单击+符号时,它没有变为-符号。
这是我的代码。 请帮帮我。
var selectIds = $('#collapseOne1,#collapseTwo1');
$(function ($) {
selectIds.on('show.bs.collapse hidden.bs.collapse', function () {
$(this).prev().find('.fa').toggleClass('fa-minus fa-plus');
})
});
<div class="accordion" >
<div class="panel-group" id="accordion1">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
<a id="submitid" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseTwo1">
Submitted
<i class="fa fa-plus pull-right"></i>
</a>
</h3>
</div>
<div id="collapseTwo1" class="panel-collapse collapse">
<div class="panel-body">
<ul>
@foreach(var item in ViewBag.consultant)
{
<li><strong>@item </strong></li>
}
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading active">
<h3 class="panel-title">
<a id="rejectid" class="accordion-toggle active" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne1">
Rejected
<i class="fa fa-minus pull-right"></i>
</a>
</h3>
</div>
<div id="collapseOne1" class="panel-collapse in">
<div class="panel-body">
<div class="media accordion-inner">
<div class="media-body">
<ul>
@foreach(var item in ViewBag.consultant)
{
<li><strong>@item </strong></li>
}
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
当我单击“已提交”时,+符号仍然显示。 未更改为-符号。
<script src="~/js/jquery-ui-1.10.3.min.js"></script>
<script src="~/js/jquery-ui-1.10.3.js"></script>
<script src="~/Scripts/jquery-1.7.1.js"></script>
<script src="~/Scripts/jquery.validate.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/js/bootstrap.min.js"></script>
<link href="~/css/font-awesome.min.css" rel="stylesheet" />
<link href="~/css/bootstrap.min.css" rel="stylesheet" />
以下是提供您确切代码的有效工具,所以我想问题在于加载js文件的方式, 浏览器控制台中是否有任何错误?
var selectIds = $('#collapseOne1,#collapseTwo1');
$(function ($) {
selectIds.on('show.bs.collapse hidden.bs.collapse', function () {
$(this).prev().find('.fa').toggleClass('fa-minus fa-plus');
})
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.