问题描述
|
我正在使用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/