Затягиваемый ползунок для сенсорных устройствJquery

Программирование на jquery
Ответить
Anonymous
 Затягиваемый ползунок для сенсорных устройств

Сообщение Anonymous »

var reachedLast = false;
var reachedFirst = false;
jQuery("#gbar").draggable({
axis: "x",
containment: "parent",
drag: function (event, ui) {

var currentPosition = $('.bar').offset().left + ui.position.left;

if (ui.position.left == $('.bar').width()-$("#gbar").width())
{
reachedLast = true;
reachedFirst = false;
} else if(ui.position.left == 0) {
reachedLast = false;
reachedFirst = true;
}

if (reachedLast) {
$('.list-group li').each(function(idx) {
if(currentPosition < ($(this).offset().left + ($(".slide_icon").find("li:eq("+idx+")").width())/2 - 50)){
$('.slider_content').find('li:eq('+idx+')').find('div').css('display','none');
}
});
}
else {
$('.list-group li').each(function(idx) {
if(currentPosition > ($(this).offset().left + $(this).width()/2 - 50)) {
$('.slider_content').find('li:eq('+idx+')').find('div').css('display','block');
}
})
}
}
});
< /code>
Как я мог сделать свой слайдер перетаскивать для мобильных устройств? Я также хочу, чтобы этот слайдер Авто прокручивал то же самое, что и функциональность перетаскивания, я где -то застрял.

Подробнее здесь: https://stackoverflow.com/questions/793 ... ch-devices
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»