0
지난 몇 시간 동안 실수를하는 데 어려움을 겪고 있습니다. 부트 스트랩 아코디언과 핸들 바 템플릿 엔진을 사용합니다. 내 DB 값과 함께 작동합니다.트위터 부트 스트랩 아코디언 버그
문제는 모든 탭이 열려있는 페이지를 처음로드 할 때 문제가 발생합니다. 둘 중 하나를 닫았다가 다시 열면 모두 닫힙니다. 내가 지금 여기에 핸들을 사용
<div class="panel-group" style="margin: 1%" id="accordion" role="tablist" aria-multiselectable="true">
{{# each questions }}
<div class="panel panel-primary">
<div class="panel-heading" role="tab" id="{{@index}}">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#{{ this.id }}" aria-expanded="true" aria-controls="{{ this.id }}">
{{ this.syntax }}
</a>
</h4>
</div>
<div id="{{ this.id }}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="{{@index}}">
<div class="panel-body">
{{ this.answer }}
</div>
</div>
</div>
{{/each}}
</div>
레이아웃입니다 : 여기 페이지 코드는
<!doctype html>
<html lang='en'>
<head>
<meta charset = 'UTF-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="/client/css/Site.css">
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="/client/js/site.js"></script>
</head>
<body>
<ul class="topnav">
<li><a class="active" href="/">NANO-DEV</a><li>
<li><a href="/questions">Questions</a></li>
<li class="right"><a href="#about">About</a></li>
</ul>
{{{ body }}}
</body>
</html>
내가 case 그래서 난 내 JS 파일에이 코드를 추가하지만 늘 도움이 스택 다음 시도 .. html로에 따라 요소 (들)만을 .collapse 클래스를 추가
$(function() {
var transition = false;
var $active = true;
$('.panel-title > a').click(function(e) {
e.preventDefault();
});
$('#accordion').on('show.bs.collapse',function(){
if($active){
$('#accordion .in').collapse('hide');
}
});
$('#accordion').on('hidden.bs.collapse',function(){
if(transition){
transition = false;
$('.panel-collapse').collapse('show');
}
});
});
도움을 희망? 나는 모든 패널을 시험해 보았고 몸과 둘 모두가 악화시키는 데만 도움이되지 못했다. – GevAlter
nvm, 나는 붕괴를 붕괴로 바꾼다 고 생각한다. – GevAlter