(首先关闭:我是JS和jQuery的新手)
我目前正在使用jQuery处理图片幻灯片。我用工具提示,动态高度,100%宽度等使它变得非常先进。现在我的下一步是启用触摸滑动/滑动。
我发现这篇文章(http://blog.safaribooksonline.com/2012/04/18/mapping-mouse-events-and-touch-events-onto-a-single-event/)关于将鼠标事件和触摸事件作为一个(例如mousedown和touchstart等于同一事件)。在本文中,作者一直说通过使用此代码(通过制作“normalizeEvent”)来访问X和Y值更简单。但我的问题是,如果没有“未定义”,我似乎无法访问这些。
这是我目前的代码,目前我只是想“拖放”我的幻灯片来做某事。但我无法弄清楚如何获得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);
});