"year"Select를 사용하여 여러 Jquery UI 슬라이더를 바인드하는 방법은 무엇입니까?

Question

선택한 구성 요소 대신 슬라이더를 렌더링하려고합니다.

각 페이지는 감소 해 값을 (몇 년이 누락 될 수 있습니다)해야합니다 클래스 = 'jqselect'그들 모두가 표시된 여러 선택 요소가 있습니다. 예 : select는 값을 가질 수 있습니다 [2010, 2009, 2006, 2005, 2004].

필자는 jQuery UI doc (누락 된 연도 무시) 및 filamentgroup (http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support//)의 selectToUISlider를 사용한 예제를 모두 바인딩하려고 시도했습니다. 그들 중 누구도 일하지 않습니다.

바인딩 선택을 다음 슬라이더 컨테이너 div와 함께 : 여기

내가 지금까지 한 일이다이 슬라이더를 렌더링

$('#content div.jqslider').slider({ 
    animate: true, 
    min: $(this).prev().children().last().val(), 
    max: $(this).prev().children().first().val(), 
    slide: function(event, ui) { 
     var select = $(this).prev(); 
     select.val($(this).slider('option', 'value')); 
     console.log($(this).slider('option', 'value')); //debug 
    } 
}); 

하지만, 콘솔 로그 값을 0에서 100까지 분명하지 선택 이벤트와 함께 변경되지 않습니다.

사용 selectToUISlider :

$('#content select.jqselect').selectToUISlider(); 

이 심지어 JQuery와-min.js에서 'B가 정의되는'오류 (라인 30, 5.0)을 던지고, 슬라이더를 렌더링하지 않는다. 슬라이더 중 하나만의 식별자를 전달하면 렌더링되지만 매우 버그가 있습니다.

, 나는 이일에 의해에서 stucked 해요하시기 바랍니다 어떤 도움이 많이 감사합니다. 감사

아서 방문한 사람들

Answer 1

감사합니다. 2 일 후에 selectToUISlider를 사용하여 작업 할 수 있습니다.

간단한 물건,하지만 나에게 작업과 시험/오류를 많이 얻었다.

selects = $('#content select.jqselect'); 
$.each(selects, function(key, value) { 
    $('#' + $(selects[key]).attr('id')).selectToUISlider().hide(); 
}); 

누구든지이 작업을보다 최적화 된 방법으로 잘 알고 있다면 매우 환영 할 것입니다.

감사합니다.