Javascript 当触摸手柄时，jQuery ui滑动条会跳转，该手柄应保持静止

我使用jQuery ui插件和jQuery.ui.touch-punch在移动设备上实现了拖动滑块事件。我关闭了click事件，我只希望当我拖动句柄时，它才起作用。一切正常，除了我先触摸手柄（不要触摸移动，只需触摸启动）它每次都会移动，我不知道为什么，希望有人能为我详细介绍一下。谢谢你的预支^^

$('#head_slider').slider({
        orientation: "vertical",
        range: "min",
        max: 10,
        value: 5,
        step: 1,
        change: function( event, ui ) {
            var value = $('#head_slider').slider( "option", "value" );
            $('#adj_head').animate({
                top: (-70 - value*10)+'px'
            });
        },
        slide: function( event, ui ) {
            var value = $('#head_slider').slider( "option", "value" );
        }
    })

---

@adeneo它在pc上没有问题，但在移动设备上，它有这个问题。我使用点背景png作为控制柄，并设置其高度和宽度。我不知道这是否重要。