Jquery滑块范围在iPad上不起作用

前端之家收集整理的这篇文章主要介绍了Jquery滑块范围在iPad上不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
下面是我的 Jquery滑块范围(最小 – 最大)代码,拖动在台式计算机上工作正常,但是当我在iPad上测试它时,它不起作用.有人可以帮我这个吗?

不幸的是我无法附加图片.下面是滑块范围图,

=====(大于)=======(≤)=====

var maxValue,myRequest,isDown=false,setUrl;
setUrl = "/search_type/filter.PHP";

$( "#slider-range" ).slider({
    range: true,min: 0,max: 500,step:25,orientation: "horizontal",values: [ 0,500 ],slide: function( event,ui ) {

    if(ui.values[1] === 500)
    {
        maxValue = 500+"+";
    }
    else
    {
        maxValue = ui.values[1];
    }
        $( "#priceRange" ).val( "£" + ui.values[ 0 ] + " to £" + maxValue );
    }
});

// AJAX CALL 
$("#slider-range").find('a').mousedown(function(){
    isDown=true;
});
$(document).mouseup(function(){
    if(isDown)
    {
        return setAjaxRequest();
    }
});

// Decoration drag image
$( "#slider-range" )
.find('.ui-slider-handle')
.eq(0).addClass('a-right').end()
.eq(1).addClass('a-left');

//Default this is 
    $( "#priceRange" )
    .val( "£" + $( "#slider-range" )
    .slider( "values",0 ) + " to £" + $( "#slider-range" )
    .slider( "values",1 )+'+');
    return true;

解决方法

试试这个 http://touchpunch.furf.com/

我用于一个项目,它解决了我在ipad和触摸设备上遇到的问题

也可在cdnjs

原文链接:https://www.f2er.com/jquery/178947.html

猜你在找的jQuery相关文章