JavaScript
- 10 ответов
- 0 вопросов
8
Вклад в тег
$(function() {
$("a").bind('click',function(e) {
e.preventDefault();//останавливаем действие по-умолчанию
var _this = $(this);
_this.toggleClass('selected', 5);
_this.next().toggleClass('dropdown', 500);
$("a").not(_this).each(function() {
$(this).next().addClass('dropdown', 500);
$(this).removeClass('selected', 5);
});
});
});var values = [1, 20, 50, 100],
marks = $('#marks p');
for (var i = 0; i < values.length; i++) {
marks.eq(i).css('left', values[i] + '%');
}
var slider = $("#slider").slider(
{
value: 50,/*вот эта строчка*/
slide: function (event, ui) {
var incLeft = event.which != $.ui.keyCode.RIGHT,
incRight = event.which != $.ui.keyCode.LEFT;
slider.slider('option', 'value', findNearest(incLeft, incRight, ui.value));
return false;
},
stop: function (event, ui) {
marks.removeClass('active');
marks.eq(values.indexOf(ui.value)).addClass('active');
}
});
function findNearest(incLeft, incRight, value) {
var nearest = null,
diff = null;
for (var i = 0; i < values.length; i++) {
if ((incLeft && values[i] <= value) || (incRight && values[i] >= value)) {
var newDiff = Math.abs(value - values[i]);
if (diff == null || newDiff < diff) {
nearest = values[i];
diff = newDiff;
}
}
}
return nearest;
}