在Jquery Slider中动态更改输入值

Question

两个Jquery范围滑块，范围为7，为0-6。在第一个滑块中，当我从右向左滑动时，colormax的隐藏输入值从6变为0，滑块从左到右colormin从0变为6。

当用户滑动手柄时，此输入值会发生变化

<input type="hidden" value="0" id="colormin" onchange="modifyresult('colormin',this.value)">
<input type="hidden" value="6" id="colormax" onchange="modifyresult('colormax',this.value)">

以下代码可以解决所有问题..

$('#color').slider({ steps: 7, range: true, 
    slide : function(e,ui) {
        $('#colormin').val(parseInt(parseInt($('#color').slider('value', 0))/14));
        $('#colormax').val(parseInt((($('#color').slider('value', 1)))/14)-1);
        $("#ColorLabels td").css("color","white");
        $("#ColorLabels td:lt(" + $('#colormin').val() + ")").css("color", "#666");
        $("#ColorLabels td:gt(" + $('#colormax').val() + ")").css("color", "#666");
    },
    change: function(e,ui) { 
        $('#colormin').val(parseInt(parseInt($('#color').slider('value', 0))/14));
        $('#colormax').val(parseInt((($('#color').slider('value', 1)))/14)-1);
        var colormin = parseInt($('#colormin').val());
        var colormax = parseInt($('#colormax').val());
        $.cookies.set('colormin', colormin);
        $.cookies.set('colormax', colormax);
        $.cookies.set('color1',$('.ui-slider-handle:eq(0)','#color').css("left")); 
        $.cookies.set('color2',$('.ui-slider-handle:eq(1)','#color').css("left")); 
        $.cookies.set('color3',$('.ui-slider-range','#color').css("left")); 
        $.cookies.set('color4',$('.ui-slider-range','#color').css("width")); 
        globalsortname = 'color';
        couplemodifyresult('colormin', colormin, 'colormax', colormax);
    }
});

现在，如果我要使用名称为color2的相同范围7创建第二个滑块，我可以简单地复制代码但不是0-6我希望它在7-13内显示值。

首先我将html中的min值更改为7并将max设置为13然后尝试更改javascript以及此处slider('value', 0))/14和slider('value', 1)))/14)-1并使用数字播放一段时间但不能让它发挥作用。

我必须做些什么计算才能使第二个滑块更改html隐藏输入中7-13范围内的值