JQuery 슬라이더 민감도 사용자 정의

Question

내 ASP.Net MVC 프로젝트에서 사용자가 큰 범위의 값을 선택할 수 있도록 JQuery 슬라이더를 사용했습니다. 범위는 0에서 100000입니다. 불행히도 슬라이더가 내 앱 크기 및 UI 요구 사항의 제한 사항을 고려하여 충분한 공간을 제공 할 수 없습니다. 따라서 슬라이더에는 약 1 - 2 인치의 너비 만 제공됩니다.

사용자가이 슬라이더를 화면에서 움직이면 정렬 된 텍스트 상자의 값이 매우 빠르게 이동합니다 (수천 단위). 그리고 사용자는 400 또는 500 등 작은 값을 선택할 수 없습니다. 이것은 공간이 작고 범위가 넓어서 분명합니다. 나는 동의한다.

그러나 클라이언트는 이것을 받아 들일 준비가되지 않았으며 슬라이더의 감도를 줄여 슬라이딩하면서 값을 100으로 표시하려고합니다.

Jquery 슬라이더의 노출 된 이벤트 및 속성을 사용하여이를 수행 할 수있는 방법이 있습니까?

이 목적으로 JQuery-1.6.2.js를 사용하고 있습니다.

Answer 1

슬라이더를 단계 크기 100으로 초기화하십시오. 그러면 슬라이더를 덜 민감하게 움직일 수 있습니다.

$(".selector").slider({ step: 100 });