javascript - bootstrap - html title tag



부트 스트랩 축소가 실행 중이거나 종료 중인지 확인하는 방법은 무엇입니까? (3)

부트 스트랩은 aria-expanded 속성을 사용하여 영역이 축소되어 있으면 true 또는 false를 표시합니다.

var isExpanded = $(collapsableRegion).attr("aria-expanded");

부트 스트랩 붕괴가 발생하면 클릭 이벤트에서 붕괴가 시작 또는 종료되는 것을 어떻게 확인할 수 있습니까?

여기 내 클릭 이벤트가 있습니까? 아니면 클릭 이벤트를 사용하는 것이 더 좋은 방법일까요?

$(document).on("click", "a.register-student-link", function() {
    // do some stuff to check if opening or closing
}

<div>
  <a id=@space.EventId class="register-student-link" data-toggle="collapse" href=@spaceIdWith aria-expanded="false" aria-controls="collapseExample">
                                                    Register Student
                                                </a>
</div>


Answer #1

시험:

$('#collapseDiv').on('shown.bs.collapse', function () {
   console.log("Opened")
});

$('#collapseDiv').on('hidden.bs.collapse', function () {
   console.log("Closed")
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<div>
  <a id=@space.EventId class="register-student-link" data-toggle="collapse" href="#collapseDiv" aria-expanded="false" aria-controls="collapseExample">Register Student</a>
</div>

<div class="collapse" id="collapseDiv">This is the collapsible content!</div>

( https://.com/a/18147817/2033574 (Kevin 언급) 및 http://www.bootply.com/73101 기반으로 함)






collapse