Javascript 上次保存值的Jquery UI滑块句柄

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

滑动应从最大值的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">

将“值”选项更改为：

value:parseInt（$（[input[name='shirts']）.val（）），

这是一个完整的演示：

插件需要一个数字，因此需要对其进行分析