2012-04-21 2 views
0

일반 jquery UI 슬라이더를 생성하여 원하는대로 넘기면 여러 개의 연결된 슬라이더가 반환됩니다.Jquery 상호 연결 슬라이더

1 개의 슬라이더를 슬라이드하면 다른 슬라이더가 변경됩니다. 그러나 모든 슬라이더의 합은 언제든지 100이되어야합니다.

나는 그것을 작동하지만 곧 슬라이더의 값이 50보다가 가고 당신이 모든 슬라이더의 총 합이 100보다 큰

Here이된다을 다른 슬라이더를 증가하려고 자신에 시도 내 코드의 링크.

아무도 도와 줄 수 있습니까? 감사 '

답변

0

아하 당신은 내 추한 CSS를 jsfiddle로 가져 왔습니다. 정확히 똑같은 것을하려고하면 다음을보십시오. 3 jquery ui slider connected

+0

yeee pol .... just css ... : P – Michael

2

저는 이것을 클라이언트 프로젝트에 대해 수행했으며 내 솔루션을 공개했습니다. jQuery UI 슬라이더 대신에 noUiSlider를 사용 합니다만, 수정하고 싶다면 너무 어렵지 않을 것입니다.

Github에서 : jQuery Interconnected Sliders

그것은 당신이 이동 후하지의 값을 설정 할 수 있습니다 잠금을 (지원 그것은 완전히 내가이 질문은 세 실감하지만, 단지의 경우 사람이 그것을 원하는 아직 연마 아니에요 다시 한 번) 다음과 같이 보입니다 : screenshot

+1

상호 연결된 슬라이더 플러그인은 멋지지만 문서가 없으므로 만들 수있는 것은 (쓸모없는) 잠금 확인란을 사용하여 실제로 상호 연결되지 않은 슬라이더 모음 ... 몇 가지 예를 제공해 주시겠습니까? –