文件名称:
jQuery手机端触屏滑动刻度尺选择数值代码
开发工具:
文件大小: 39kb
下载次数: 0
上传时间: 2017-11-08
详细说明： setTimeout(function(){ var n =0; var u,end,start,g,g2; var w0 = 50; var w1 = 10.4; var w2=52; var heightVal =$("div[data-page='profile1']").find(".row").eq(1).find(".number").attr("initial-value&qu ot;); //150-140 var widthVal =$("div[data-page='profile1']").find(".row").eq(2).find(".number").attr("initial-value"); //550-300 /2.5 /10 保留最后一们小数 var ageVal = $("div[data-page='profile1']").find(".row").eq(0).find(".number").attr("initial-value"); //30-18 var mouVal=$("div[data-page='profil']") $('.ruler .main').eq(0).css({ '-webkit-transform':'translateX(-'+Math.ceil(parseInt(ageVal*w0))+'px)' }).attr('value',Math.ceil(ageVal*w0)); $('.ruler .main').eq(1).css({ '-webkit-transform':'translateX(-'+parseInt(heightVal*w1)+'px)' }).attr('value',heightVal*w1); $('.ruler .main').eq(2).css({ '-webkit-transform':'translateX(-'+parseInt(widthVal*w2)+'px)' }).attr('value',widthVal*w2); for( var i =0 ; i < $('.ruler').length; i++){ var liW = $('.ruler').eq(i).find("li").width(); var size = $('.ruler').eq(i).find('li').size(); } $('body').on('touchcancel,touchend,touchmove,touchstart',function(e){ e.preventDefault(); }) $('.selectize li').on('touchstart',function(){ $(this).addClass("hover").siblings("li").removeClass("hover"); }) $('.selectize li').on('touchsend',function(){ $(this).removeClass("hover"); }) $('.ruler ul').on("touchstart",function(e){ var initial = $(this).attr('data-initial'); e.stopPropagation(); v = parseInt($(this).parent(".main").attr('value')); if($(this).closest('.ruler').hasClass("ruler-weight")){ start = 0; end = '-1458'; g = 52; }else if($(this).closest('.ruler').hasClass("ruler-age")){ start = 0; end = '-1600'; g = 50; }else{ start = 0; end = '-623'; g = 10.4; } if(initial == 'true'){ startX = e.originalEvent.changedTouches[0].pageX+v; $(this).attr('data-initial','false'); }else{ startX = e.originalEvent.changedTouches[0].pageX-v; } }); $('.ruler ul').on("touchmove",function(e){ var number = parseInt($(this).closest(".row").find('.number').attr('value')); moveX = e.originalEvent.changedTouches[0].pageX; X = moveX - startX; if(X>0){ var vv = $(this).parent(".main").attr('value'); if(vv >=start){ start = X>start ? start : X; $(this).parent(".main").css({ '-webkit-transform':'translateX('+start+'px)' }).attr('value',start); }else{ $(this).parent(".main").css({ '-webkit-transform':'translateX('+X+'px)' }).attr('value',X); } if($(this).closest('.ruler').hasClass("ruler-weight")){ var val = (number-20+Math.abs(vv/g)/0.4).toFixed(1);//.replace('.0',''); $(this).closest(".row").find('.number').text(val); }else{ $(this).closest(".row").find('.number').text(Math.ceil(number-(vv/g)-10)); if($(this).closest('.ruler').hasClass("ruler-age")){ var ageVal = $(this).closest(".row").find('.number').text(); $(this).closest(".row").find('.number').text(parseInt(ageVal-2)) } } }else{ var vv = $(this).parent(".main").attr('value'); if($(this).parent(".main").attr('value') <=end){ end = X< end ? end : X; $(this).parent(".main").css({ '-webkit-transform':'translateX('+end+'px)' }).attr('value',end); }else{ $(this).parent(".main").css({ '-webkit-transform':'translateX('+X+'px)' }).attr('value',X); } if($(this).closest('.ruler').hasClass("ruler-weight")){ var val = (number-20+Math.abs(vv/g)/0.4).toFixed(1); if(val == '100.1'){val=100;} $(this).closest(".row").find('.number').text(val); }else{ $(this).closest(".row").find('.number').text(Math.ceil(number+Math.abs(vv/g)-10)); if($(this).closest('.ruler').hasClass("ruler-age")){ var ageVal = $(this).closest(".row").find('.number').text(); $(this).closest(".row").find('.number').text(parseInt(ageVal-2)) } } } e.preventDefault(); }); $('.ruler ul').on("touchend",function(e){ e.stopPropagation(); moveEndX = e.originalEvent.changedTouches[0].screenX; X = moveEndX - startX; var arr = new Array(); if($(this).closest('.ruler').hasClass("ruler-age")){ var value= Math.abs($(this).parent(".main").attr("value")); var value2 = Math.round(Math.abs(value)/100)*100; if(value > value2){ value2+=50; } $(this).parent(".main").css({ '-webkit-transform':'translateX(-'+value2+'px)' }).attr('value','-'+value2); } $(this).closest(".page").find(".number").each(function(){ var txt = $(this).text(); arr.push(txt); }); var arrayJoin = arr.join('##'); $(this).closest(".page").find('input[type="hidden"]').val(arrayJoin); }); },100); ...展开收缩
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台，提供交流渠道，下载内容来自于网络，除下载问题外，其它问题请自行百度。
- 本站已设置防盗链，请勿用迅雷、QQ旋风等多线程下载软件下载资源，下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载，请稍后再次尝试；或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎，请到消费记录里找到下载记录反馈给我们，经确认后退回积分.
- 如下载前有疑问，可以通过点击"提供者"的名字，查看对方的联系方式，联系对方咨询.
