부트 스트랩의 탐색 표시 줄이 확장되어 있는지 확인하십시오.

Question

부트 스트랩을 사용 중이며 접힌 탐색 표시 줄에 문제가 있습니다. 일부 드롭 다운 메뉴에 시각 효과를 추가했으나 축소보기 (축소판보기가 축소되었을 때)에서 제거해야합니다.

show.bs.collapse This event fires immediately when the show instance method is called. 
shown.bs.collapse This event is fired when a collapse element has been made visible to the user (will wait for CSS transitions to complete). 
hide.bs.collapse This event is fired immediately when the hide method has been called. 
hidden.bs.collapse This event is fired when a collapse element has been hidden from the user (will wait for CSS transitions to complete). 

내 JS

이 같이 찾고 : : 이미 파악

// ADD SLIDEDOWN ANIMATION TO DROPDOWN // 
$('.dropdown').mouseenter('show.bs.dropdown', function(e){ 
$(this).find('.dropdown-menu').first().stop(true, true).slideDown(); 
}); 

// ADD SLIDEUP ANIMATION TO DROPDOWN // 
$('.dropdown').mouseleave('hide.bs.dropdown', function(e){ 
$(this).find('.dropdown-menu').first().stop(true, true).slideUp(); 
}); 

$(document).on('show.bs.collapse', function(e){ 
$('.dropdown-menu').slideDown("normal", function() {$(this).remove();}); 
$('.dropdown-menu').slideUp("normal", function() {$(this).remove();}); 
}); 

, 어떻게 난 이미 뷰가 붕괴 하나에 변화 해고 이벤트가 발생한 것을, 알아 냈어 축소 이벤트를 사용하여 slideUp 및 slideDown 효과 (제거해야하는 효과)를 제거합니다. 문제는이 제거가 영구적이라는 것입니다. 웹 사이트가 확장 모드로 전환 할 때 비슷한 이벤트가 필요합니다. 다음과 같은 내용 :

$(document).on('show.bs.expand', function(e){ 
//DO FUNCTION 
}); 

웹 사이트가 축소 된보기에서 펼치기로 전환하면 어떤 이벤트가 실행됩니까?

Answer 1

찾고있는 정확한 이벤트가 있다고 생각하지 않지만 해결 방법이 있습니다. resize 이벤트를보고 뷰포트의 크기와 크기를 확인할 수 있습니다.

$(window).resize(function() { 
    if ($(this).width() < 768) { 
    //do something 
    } 
});