Jquery UI स्लाइडर?

Question

मैं jQuery UI slider के साथ काम कर रहा हूं।

यहाँ कोड मैं का उपयोग कर रहा है:

$(function() { 
     $("#slider").slider({ 
      value:1, 
      min: 0, 
      max: 5, 
      step: 1, 
      slide: function(event, ui) { 
       $("#amount").val("$" + ui.value); 
      } 
     }); 
     $("#amount").val("$" + $("#slider").slider("value")); 
    }); 

वहाँ 5 चरणों हो जाएगा और मैं संख्या के बजाय प्रत्येक चरण में तार दिखाना चाहते हैं:

1=very sad 
2=sad 
3=not so sad 
4=happy 
5=very happy 

कैसे कर सकते हैं मैं यह करता हूँ ?

Answer 1

आप एक सरणी में अपने कदम लेबल रख सकते हैं तो उस सरणी में एक सूचकांक के रूप में स्लाइडर के मूल्य का उपयोग करें:

var steps = [ 
    "very sad", 
    "sad", 
    "not so sad", 
    "happy", 
    "very happy" 
]; 

$(function() { 
    $("#slider").slider({ 
     value: 1, 
     min: 0, 
     max: 4, 
     step: 1, 
     slide: function(event, ui) { 
      $("#amount").val(steps[ui.value]); 
     } 
    }); 
    $("#amount").val(steps[$("#slider").slider("value")]); 
});