Touch draggable radiobutton

Touch draggable radiobutton Для мобильных девайсов

by selahssea

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<span id="shniaga"></span>
<ul>

CSS

ul li {display:inline-block; width:20px; margin:5px; border:1px solid}
span {position: absolute;width:15px; height:15px; background:red; margin-top:10px;}

JavaScript

$('span').draggable({
    axis: 'x',
    containment: $('ul'),
    stop: function() {
        var left = $('span').position().left + $('li').width()/2;
        var num = Math.floor(left / $('li').width());
        $('span').animate({
            'left': num*$('li').width()
        });
    }
});