드래그하여 jQuery UI 슬라이더의 이동 범위

Question

범위 모드에서 jQuery UI 슬라이더를 사용하고 있습니다. 슬라이더 외부에 추가 버튼을 추가하지 않고 사용자가 범위를 옮길 수있는 방법 (플러그인/확장/해킹)이 있습니까 (예 : 상한 및 하한 모두 변경)? 일부 GUI 위젯에서는 중앙에서 (두 핸들러 사이에서) 끌어서 수행 할 수 있습니다.

미리 감사드립니다.

Answer 1

질문보기 Drag the Range of a UI Input Range Slider. 설명 된 rangeDrag 기능에 대한 jQuery UI 슬라이더 위젯 확장이 있습니다.

Answer 2

두 개의 텍스트 상자를 사용하여 한계 값을 다시 설정하는 경우 변경 사항을 감지하는 변경 이벤트 기능을 수행해야합니다.

$('#rangeMod input:text').change(function() { 

    // set range vars based on new input (you should also validate for (INT)). 
    var txtbox1 = '...'; // based on first text box 
    var txtbox2 = '...'; // based on second text box 

    var range = [txtbox1, txtbox2]; 

    $('#my-slider') 
    .slider("destroy") /* Destroy it Before Rebind/Re-Init */ 
    .slider({range:true, min: range[0], max: range[1], ... }); 
}); 

Answer 3

글쎄, 티모의 대답은 실제로 게시 된 질문에 대한 답변이 아닙니다.

또한 허먼 설명 및 jQuery 포럼 https://forum.jquery.com/topic/draggable-range-in-slider에 하나 개의 기능 요청을 제외하고 내가 http://erraticdev.blogspot.com/2011/08/advanced-jquery-ui-range-slider.html

그 블로그 게시물에서 슬라이더 확장 슬라이더 핸들 잠금을 허용 같은 문제를 대상으로 블로그 항목을 발견 유사한 무언가를 찾고 있었다 정의 된 최대 범위를 초과하는 것을 방지합니다. 핸들 사이의 "공간"을 드래그하는 것이 아니라 전체 범위를 핸들을 사용하여 이동할 수 있습니다.

마지막으로 문제가 해결되지 않았지만 해결 방법과 매우 비슷합니다.