मैं एक jQuery यूआई स्लाइडर में मार्कर कैसे जोड़ूं?

Question

मेरे पास एक साधारण jQuery UI स्लाइडर है जिसमें 25 से 35 तक संख्यात्मक रेंज है। यह ठीक काम करता है और डिफ़ॉल्ट मान 28 है। मैं स्लाइडर को एक साधारण टिक मार्क जोड़ने की उम्मीद कर रहा हूं यह इंगित करने के लिए कि 28 वह डिफ़ॉल्ट है है। क्या संकेतक जोड़ने का कोई आसान तरीका है?

http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/

यह selectToSlider प्लगइन कहा जाता है और साथ ही साथ करने की क्षमता के रूप में स्लाइडर के दौरान टिक के निशान की नियुक्ति के लिए अनुमति देता है:

$('#cycle_length').slider({ 
    range: "min", 
    value: 28, 
    min: 25, 
    max: 35, 
    step: 1, 
    slide: function(event, ui) { 
    $("#amount").val(ui.value); 
    } 
}); 
$("#amount").val($("#cycle_length").slider("value")); 

Answer 1

मैं jQuery यूआई स्लाइडर यहां के एक महान कार्यान्वयन पाया लेबल और टूलटिप्स जोड़ें।

Answer 2

पर कार्यान्वयन की जाँच करें: http://jsbin.com/iwime

सिद्धांत काफी आसान है, आप अपने टिक निर्दिष्ट है और फिर आप वेतन वृद्धि पर स्लाइडर के अंदर रख दें,% में स्थिति को निर्दिष्ट, इसलिए यदि आप 10 टिक था आप उन्हें 0%, 10%, 20%, 30% पर रखेंगे .... 90%

आप मिनी और अधिकतम से स्वचालित रूप से टिकों की सूची भी उत्पन्न कर सकते हैं, यह जानकर कि आप किस अंतराल को टिक चाहते हैं।