我正在尝试使用 phonegap 制作一个电话应用程序,并且想要制作一个可以从左侧拖入的菜单。这段代码正在按我的意愿工作(在这个阶段),但是如果我$("#myElement").html(changePos);
从 touchmove 函数中删除该行,它就会停止工作。这条线只是用于监控数字,我不再想要它了,但是为什么没有它它就不能工作呢?
var touchStartPos = {x:0, y:0};
var windowWidth = $(window).width()*3;
var relativePos = 0;
var menuOpen = false;
var menuWidth = 200;
var touchStartPos = 0;
var menuPos = -windowWidth;
$("#menu").css('width', windowWidth);
$("#menu").css('left', menuPos);
$(document).on("touchstart", function(e) {
touchStartPos = e.originalEvent.changedTouches[0].pageX;
menuPos = $("#menu").position().left;
});
$(document).on("touchmove", function(e) {
e.preventDefault();
var x = e.originalEvent.changedTouches[0].pageX;
relativePos = x - touchStartPos;
var changePos = menuPos + relativePos;
$("#myElement").html(changePos);
$("#menu").css('left', changePos);
});
$(document).on("touchend", function(e) {
$("#menu").css('left', -windowWidth);
$("#myElement").html($("#menu").position().left);
});