moved.zf.slider
화재 핸들 (스냅 단위 사이 등) 이동 그래서 당신은 다양한 입력과의 상호 작용 후 일시 정지를 기반으로하는 기능을 원하는 완료 할 때마다, 그 그래서 data-changed-delay
당신의 HTML과 함께 changed.zf.slider
의 같은 일 것입니다 :
data-changed-delay="2000"
는 그들이 완료 결정하기 전에 대기 할 밀리 초에서 시간입니다 (아마도 상당히 긴 2 초하지만 쉽게이 작업을 볼 수 있습니다)
<div class="slider vertical" data-slider data-initial-start="25" data-end="200" data-vertical="true" data-changed-delay="2000">
<span class="slider-handle" data-slider-handle role="slider" tabindex="1"></span>
<span class="slider-fill" data-slider-fill></span>
<input id="result" type="hidden">
</div>
. 물론 jQuery를 통해이 작업을 수행 할 수도 있습니다. N.B. 명시 적으로 설정하지 않으면 기본값은 500ms이며 이는 일시 중지 시간을 상당히 추측합니다.
$('.slider').on('changed.zf.slider', function() {
//do whatever when user is done with the range slider
});
모든이가하는 트리거 (changed.zf.slider
) 한 후 동봉 된 스크립트를 실행 기다릴 수 있습니다 :
그런 다음 jQuery를이 같은 것입니다.
나는 JSFiddle
Reference in Foundation docs
에 예를 넣었습니다