2

我正在尝试使用 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);
            });

4

0 回答 0