jQuery 슬라이더 핸들의 우선 순위를 지정하는 방법은 무엇입니까?

Question

두 개의 슬라이더 핸들에 <span>이 추가되었습니다. 의미 슬라이더는 연결된 스팬으로도 제어 할 수 있습니다.

이 코드는 주어진과 같이 서로의 상단 (예에서 (0,0)), 내가하려고해도에게

//jquery code 
$('#slider').slider({ 

    values: [0, 0] 


    var handle1 = $('#slider a.ui-slider-handle, ui-state-default, ui-corner-all').first(); 
    handle1.append('<span class="sidecar"></span>'); 

    var handle2 = handle1.next(); 
    handle2.append('<span class="sidecar2"></span>'); 
} 


//css code 
.sidecar { 
    position: absolute; 
    top: 50px; 
    left: 0; 
    width: 20px; 
    height: 20px; 
    background: #f00; 

} 

.sidecar2 { 
    position: absolute; 
    top: 80px; 
    left: 0; 
    width: 20px; 
    height: 20px; 
    background: #000000; 

} 

경우 <span> '.sidecar2'(검은 색) 첨부 된 핸들을 드래그하면 항상 슬라이더가 빨간색 <span>으로 연결됩니다. 그 뒤에있는 이유는 두 코드 사이의 첫 번째 핸들입니다.

나는 고칠 수있는 모든 노력을 다했습니다. 예 : 수동으로 클래스 ui-state-active ui-state-focus을 두 번째 (검정색) 슬라이더에 추가하려고 시도했지만 Z- 인덱스를 변경하려고 시도했지만 아무 것도 작동하지 않습니다. :(

어떤 도움을 주시면 감사하겠습니다

감사합니다

편집 :.. 내가 찾을 수있는 유일한 해결책은 여기에 주어집니다 : 나는 서로의 상단에 2 개 슬라이더를 만들었습니다 . 각 하나의 핸들이 작동 완벽한

Answer 1

내가 찾을 수있는 유일한 해결책은 여기에 주어집니다 :... 내가 각각 하나 개의 핸들 서로의 상단에 2 개 슬라이더를 만들었습니다 그것은 완벽하게 작동