0

（首先：我对 JS 和 jQuery 很陌生）

我目前正在使用 jQuery 制作图像幻灯片。我已经通过工具提示、动态高度、100% 宽度等使其非常先进。现在我的下一步是启用触摸滑动/滑动。

我发现这篇关于制作鼠标事件和触摸事件的文章（ http://blog.safaribooksonline.com/2012/04/18/mapping-mouse-events-and-touch-events-onto-a-single-event/ ）一个（例如 mousedown 和 touchstart 等于相同的事件）。在这篇文章中，作者一直说使用这段代码访问 X 和 Y 值更简单（通过制作“normalizeEvent”）。但我的问题是，如果没有“未定义”，我似乎根本无法访问这些。

这是我当前的代码，此刻我只想“拖放”我的幻灯片来做某事。但我根本不知道如何获得 X 值..

jQuery(new_slide).bind(TouchMouseEvent.DOWN, function (e){

            // Get current slide position coords
            var position = current_slide.position();

            // X-position for mouse
            var startX  = e.pageX; //this is "undefined"

            // X-position for current slide
            var slideX  = parseInt(position.left);

            // Prevent browser to drag image
            new_slide.bind('dragstart', function(e){

                e.preventDefault();

            })

            jQuery(new_slide).bind(TouchMouseEvent.MOVE, function (){

                // Drag slide
                new_slide.css('left', slideX + e.pageX - startX + 'px');

            });

        });

// Release slide
jQuery(new_slide).bind(TouchMouseEvent.UP, function (){

    jQuery(new_slide).unbind(TouchMouseEvent.MOVE);

});
4

0 回答 0