如何使用「年份」選擇綁定多個Jquery UI滑塊？

我試圖呈現滑塊而不是選擇組件。如何使用「年份」選擇綁定多個Jquery UI滑塊？

每個頁面都有幾個選擇組件，用class ='jqselect'標記，所有組件的年份值都會減少（有些年份可能會丟失）。例如，一個選擇可能有價值[2010年，2009年，2006年，2005年，2004年]。

我已經嘗試綁定它在jQuery UI文檔中的示例（但忽略缺少的年份）並通過燈絲組使用selectToUISlider（http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support//）。他們都沒有工作。

以下是我迄今所做的：

綁定選擇具有以下滑塊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行，6上）。如果我只傳遞其中一個滑塊的標識符，它將被渲染，但非常麻煩。

請，我被困在兩天，任何幫助非常感謝。問候，

亞瑟

來源

2010-06-05 arthur_br

感謝那些誰訪問。 2天后，我可以使用selectToUISlider工作。

簡單的東西，但讓我充分的工作和試驗/錯誤。

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

如果有人知道更好的方法來做這個更好的方法，請評論，你會非常歡迎。

問候。

來源

2010-06-05 20:20:12

如何使用「年份」選擇綁定多個Jquery UI滑塊？

回答

相關問題