회전 목마 슬라이드 이벤트를의 부트 스트랩 JQuery와 함수를 연결

Question

나는 다음과 같은 기능을 만들어 :이 완벽하게 작동

// bind the function to a click on the toggler 
$('#height-toggler').click(function() { 
    height_toggler(); 
}); 

, 당신이 볼 수 있습니다 : 사용자가 버튼을 클릭했을 때이 함수를 호출

//Toggle height of header-foto function 
function height_toggler() { 
    $('body').toggleClass('large-slider small-slider',500); 
    $('#height-toggler').find('i').toggleClass('fa-rotate-270 fa-rotate-90'); 
} 

을 live on this page

내 클라이언트는이 기능을 부트 스트랩 캐 러셀의 slideevent에 바인딩하고 pag 100 % 높이의 회전 목마가있는 다음 코드를 생각해 냈지만 회전식 슬라이드 (내가 이해함)가 발생할 때마다이 코드가 실행됩니다. 페이지를로드 한 후 첫 번째 슬라이드에서만 트리거를 만들 수 있습니까?

if($('body').hasClass('large-slider')) { //only perform this on large sliders 
    $('.carousel').on('slide.bs.carousel', function() { 
     height_toggler(); 
    }); 
} 

Answer 1

one() 메서드를 사용할 수 있습니다.

if($('body').hasClass('large-slider')) { //only perform this on large sliders 
    $('.carousel').one('slide.bs.carousel', function() { 
    height_toggler(); 
    }); 
} 

Answer 2

당신이 이벤트는 한 번만 실행하려는 경우 , 당신은 .one() 대신

if($('body').hasClass('large-slider')) { //only perform this on large sliders 
    $('.carousel').one('slide.bs.carousel', function() { 
     height_toggler(); 
    }); 
}