使用jquery UI range Slider,获取值

| 我正在使用Jquery UI滑块允许用户增加/减少选择范围,我需要知道(根据滑块的原始值)用户是否想要增加或减少。 这是我的功能,我不确定在更改原始值之前将代码放在何处。谁能帮我这个? 任何帮助/建议表示赞赏!
function createRangeSliderOutOfIframe(kinorid) {
    $(\"#slider-range\" + kinorid).slider({
        animate: true,
        step: 1,
        min: 1,
        max: 6,
        value: 1,

        slide: function (event, ui) {

        },
        change: function (event, ui) {
            if (ui.value >= 1) {

                var add = \'<span class=\"kSelectedA\">Link</span>\';

                $(\"#myFrame\").contents().find(\'*\').each(function () {
                    if ($(this).attr(\'kinorid\') == kinorid) {
                        if (count == 0) {
                            $(result).parent().before(add);
                            count += 1;
                        }  
                        else if (count <= 6 && count != 0) {
                            result = $(this).parent();
                            for (i = 0; i < count; i++) {
                                result = $(result).parent();
                                //test += 1;
                            }
                            $(result).parent().before(add);
                            count += 1;

                            $(\'#trackingInfo\').append(\'<br/>The range of the selection Increased<br/>The new range is now a\' + $(result).parent().get(0).nodeName + \'node\');
                            //alert(count);
                        }

                    }
                });

            }

        }
    });
    //$(\"#amount\"+kinorid).val(\"$\" + $(\"#slider-range\" + kinorid).slider(\"value\"));
    var value = $(\"#slider-range\" + kinorid).slider(\"option\", \"value\");
    alert(value);
}
谢谢     
已邀请:
        通常,您可以通过点击
start
事件来确定滑块的起始值:
$(\"#selector\").slider({ start: function(event, ui) { ... });
结合
change
stop
事件,您可以确定用户是增大还是减小滑块的值:
var start = 0;
$(\"#slider\").slider({
    start: function(event, ui) {
        // ui.value is the starting value
        start = ui.value;
    },
    stop: function(event, ui) {
        // now ui.value is the value the user set after stopping the sliding.
        $(\"#delta\").text(ui.value > start ? \"increasing\" : \"decreasing\");
    }
});
这是一个有效的示例,它确定您是增大还是减小滑块的值。希望这就是您要寻找的东西:http://jsfiddle.net/andrewwhitaker/rwKsh/     

要回复问题请先登录注册