>

부트 스트랩 축소가있는 경우 축소가 시작 또는 종료되는지 클릭 이벤트에서 어떻게 확인할 수 있습니까?

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

$(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>


  • 답변 # 1

    부트 스트랩은 aria-expanded 속성을 사용하여 영역이 축소되거나 축소되지 않은 경우 true 또는 false를 표시합니다.

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

  • 답변 # 2

    판단 할 방법이 필요했습니다 실제로 붕괴되기 전에 요소가 축소 된 경우 이벤트 리스너는 나중에 만 트리거됩니다.

    //Will return true if uncollapsed
    $('#collapseDiv').hasClass('in');
    //Will return true if in the process of collapsing
    $('#collapseDiv').hasClass('collapsing');
    //Will return true if collapsed
    $('#collapseDiv').hasClass('collapse');
    
    

  • 답변 # 3

    이벤트 hidden.bs.collapse 를 볼 수 있습니다

    바이들 참조 : http://jsfiddle.net/kyeuvx1d/

  • 답변 # 4

    function checkStatus() {
        if($('#item1').hasClass('in')) {
            alert('closing')    
        } else {
            alert('opening')    
        }   
    }
    checkStatus()
    
    

관련 자료

  • 이전 python - 우분투 1804에서 Mod_WSGI가있는 Django가 Apache2를 사용하여 미디어 /에 대한 권한이 거부되었습니다
  • 다음 python - EXIF/JFIF 서명으로 JPEG 파일을 어떻게 탐지합니까?