내가 JSON 데이터 응답을 사용하여 아래이 필요 JQuery와 아약스 데이터 응답 붕괴를 확장, 제발 도와주세요 ... 미리 감사mutliple 수준의 부트 스트랩
는 사실 내가 JQuery와 아약스를 사용하여 JSON 데이터 응답 붕괴를 확장 멀티 레벨 필요 ...
나는 아약스 그래서 expnad 붕괴 플러그인 JSON 데이터에 도움을 주시기 바랍니다에 새로운 해요 ..
모든 수준의 데이터
는$.ajax({ type : "GET", url : "viz/getcachedata", contentType : "application/json", dataType : "json", async : false, success : function(data) { $('#menulistitem1').append(data); } });01 다음과 같은 JSON 파일로부터 꺼낼 필요 23,516,
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"/>
<style type="text/css">
.menu .accordion-heading { position: relative; }
.menu .accordion-heading .edit {
position: absolute;
top: 8px;
right: 30px;
}
.menu .area { border-left: 4px solid #f38787; }
.menu .equipamento { border-left: 4px solid #65c465; }
.menu .ponto { border-left: 4px solid #98b3fa; }
.menu .collapse.in { overflow: visible; }
</style>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="container">
\t <div class="row">
\t \t <div class="col-md-3">
\t <div class="menu">
<div class="accordion">
<!-- Áreas -->
<div class="accordion-group">
<!-- Área -->
<div class="accordion-heading area">
<a class="accordion-toggle" data-toggle="collapse" href="#area1">Área #1</a>
</div><!-- /Área -->
<div class="accordion-body in collapse" id="area1" style="height: auto;">
<div class="accordion-inner">
<div class="accordion" id="equipamento1">
<!-- Equipamentos -->
<div class="accordion-group">
<div class="accordion-heading equipamento">
<a class="accordion-toggle" data-parent="#equipamento1-1" data-toggle="collapse" href="#ponto1-1">Equipamento #1-1</a>
</div><!-- Pontos -->
<div class="accordion-body in collapse" id="ponto1-1" style="height: auto;">
<div class="accordion-inner">
<div class="accordion" id="servico1">
<div class="accordion-group">
<div class="accordion-heading ponto">
<a class="accordion-toggle" data-parent="#servico1-1-1" data-toggle="collapse" href="#servico1-1-1">Ponto
#1-1-1</a>
</div><!-- Serviços -->
<div class="accordion-body in collapse" id="servico1-1-1" style="height: auto;">
<div class="accordion-inner">
<ul class="nav nav-list">
<li>
<a href="#"><i class="icon-chevron-right">
</i> Serviço
#1-1-1-1</a>
</li>
<li>
<a href="#"><i class="icon-chevron-right">
</i> Serviço
#1-1-1-2</a>
</li>
<li>
<a href="#"><i class="icon-chevron-right">
</i> Serviço
#1-1-1-3</a>
</li>
</ul>
</div>
</div><!-- /Serviços -->
</div>
</div>
</div>
</div><!-- /Pontos -->
</div><!-- /Equipamentos -->
</div>
</div>
</div>
</div>
</div><!-- /accordion -->
</div>
\t \t </div>
\t </div>
</div>
당신의 도움을 주셔서 감사합니다 .... –