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

将值选项更改为：

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

以下是完整演示：http://jsfiddle.net/lucuma/hcKwQ/1/

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

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

最后保存的值上的Jquery UI滑块句柄

1 个答案: