將Jquery Slider初始值更改爲Word

我已經使用JQuery UI增量滑塊構建了評定表單，但我的值不是數字，而是單詞。但是，初始值仍然顯示爲一個數字。我試圖將value="0"更改爲value="Not Yet Rated"，但這最終會打破滑塊。將Jquery Slider初始值更改爲Word

任何和所有的幫助表示讚賞。

<html> 

<div class="kpa_rate kpa_rate1"> 
    <label for="kpa1_rating_value">Parking:</label> 

    <div id="1" class="slider"></div> 
    <input type="text" class="kpa1_rating_value" name="kpa1_rating" value="0" />  
</div> 




<div class="kpa_rate kpa_rate2"> 
    <label for="kpa2_rating_value">Entrance:</label> 

    <div id="2" class="slider"></div> 
    <input type="text" class="kpa2_rating_value" name="kpa2_rating" value="0" /> 
</div> 



</html>

的JavaScript

<script> 
$(function() { 
    var Array = ["Poor Accesibility","Okay Accessibility", "Moderate Accessibility", "Good Accessibility","Great Accessibility"]; 
       $(".slider").slider({ 
        range: "max", 
        min: 0, 
        max: 4, 
        value: $("input", this).val(), 
        slide: function(event, ui) {      
        //get the id of this slider 
        var id = $(this).attr("id"); 
        //select the input box that has the same id as the slider within it and set it's value to the current slider value. 

$("input[class*=" + id + "]").val(Array[ui.value]); 
        } 
       }); 
       }); 
</script>

來源

2013-11-26 user2984539

你不能只是將輸入的初始值從'值=「0」''到值=「可憐的無障礙環境」'？ http://jsfiddle.net/j08691/Vpy3c/ – j08691

這實際上是我的第一個解決方案，它不起作用？在JSFiddle中工作正常。但是，當我將它添加到窗體並在瀏覽器中測試時，滑塊不再有效。 – user2984539

如果它在小提琴中工作，但不在您的頁面中，那麼還有其他代碼會導致此處未顯示的問題。檢查你的控制檯的錯誤？ – j08691

好像value: $("input", this).val(),在您的實際代碼不存在。

嘗試值：$(this).parent().next().next().find('input').val(),

來源

2013-11-26 20:18:52 j08691

將Jquery Slider初始值更改爲Word

回答

相關問題