首页 / JAVASCRIPT / Javascript-如何使我的测距仪在asp.net mvc 3的触摸屏上工作

Javascript-如何使我的测距仪在asp.net mvc 3的触摸屏上工作

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript-如何使我的测距仪在asp.net mvc 3的触摸屏上工作，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2029字，纯文字阅读大概需要3分钟。

内容图文

我在asp.net mvc 3剃须刀中有一个网站,并且有一些范围滑块.此范围滑块可以正常工作,但不适用于触摸屏.
我的HTML代码：

<div id="slider-container-zucker" class="slider_style"></div>

和js：

$(function () {
var str = document.URL.split("/");
var url = str[0] + "//" + str[2];

$('#slider-container-zucker').slider({
    range: true,
    min: 0,
    max: 9,
    values: [$("#zuckerMin").val(), $("#zuckerMax").val()],
    change: function (event, ui) {
        $.ajax({
            type: "GET",
            url: url + "/Slider/Zucker?max=" + ui.values[1] + "&min=" + ui.values[0],
            success: function (result) {
                $("#wineResult").html(result);
            }
        });            
        $('#sliderImage').load(url + "/Slider/ChangeSlider?max=" + ui.values[1] + "&min=" + ui.values[0] + "&sliderName=zucker");
    }
  });
 });

解决方法:

您需要添加更多这个jQuery库
您必须在这里看到它：
https://github.com/ghusse/jquery-ui-touch-punch/blob/master/jquery.ui.touch-punch.min.js

/*
* jQuery UI Touch Punch 0.2.2
*
* Copyright 2011, Dave Furfero
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* Depends:
*  jquery.ui.widget.js
*  jquery.ui.mouse.js
*/
(function(b){b.support.touch="ontouchend" in document;if(!b.support.touch){return;}var c=b.ui.mouse.prototype,e=c._mouseInit,a;function d(g,h){if(g.originalEvent.touches.length>1){return;}g.preventDefault();var i=g.originalEvent.changedTouches[0],f=document.createEvent("MouseEvents");f.initMouseEvent(h,true,true,window,1,i.screenX,i.screenY,i.clientX,i.clientY,false,false,false,false,0,null);g.target.dispatchEvent(f);}c._touchStart=function(g){var f=this;if(a||!f._mouseCapture(g.originalEvent.changedTouches[0])){return;}a=true;f._touchMoved=false;d(g,"mouseover");d(g,"mousemove");d(g,"mousedown");};c._touchMove=function(f){if(!a){return;}this._touchMoved=true;d(f,"mousemove");};c._touchEnd=function(f){if(!a){return;}d(f,"mouseup");d(f,"mouseout");if(!this._touchMoved){d(f,"click");}a=false;};c._mouseInit=function(){var f=this;f.element.bind("touchstart",b.proxy(f,"_touchStart")).bind("touchmove",b.proxy(f,"_touchMove")).bind("touchend",b.proxy(f,"_touchEnd"));e.call(f);};})(jQuery);

内容总结

以上是互联网集市为您收集整理的Javascript-如何使我的测距仪在asp.net mvc 3的触摸屏上工作全部内容，希望文章能够帮你解决Javascript-如何使我的测距仪在asp.net mvc 3的触摸屏上工作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/656339.html

来源：【匿名】