javascript - 上次保存值的 Jquery UI slider 句柄

Question

如何将句柄设置为从上次保存的值开始？由于某种原因，它总是在最后一个位置。我正在使用数据库中的值设置我的起始位置和最大值，但这是一个工作示例:

http://jsfiddle.net/hcKwQ/幻灯片应该从 5 开始，而不是最大值 10。请帮助我，我不知道我做错了什么。

脚本:

$(function() {
    $( "#slider" ).slider({
        range: "min",
        value: $("input[name='shirts']").val(),
        min: 1,
        max: $("input[name='max_shirts']").val(),
        step: 1,
        slide: function( event, ui ) {
            $( "#amount" ).text( ui.value );
        },
        stop: function( event, ui ) {
            $( "#shirts" ).val( ui.value );
        }
    });
});

HTML:

<div id="slider"></div>
<div class="amount" id="amount"></div>

<input type="hidden" name="shirts" value="<?php echo $shirts; ?>" id="shirts">

<input type="hidden" name="max_shirts" value="<?php echo $max_shirts; ?>" id="max_shirts">

Answer 1

将值选项更改为:

值:parseInt($("input[name='shirts']").val()),

这是一个完整的演示:http://jsfiddle.net/lucuma/hcKwQ/1/

插件需要一个数字，所以你需要解析它..

http://jqueryui.com/demos/slider/#option-value