Tag: 刷卡

使用jQuery创建循环列表: 我正在为一个网站创建一个移动版本，并且有一个列表，我想让它与触摸手势（如雅虎的移动版网站）一起工作。我正在使用swipe插件用于jQuery，一切正常，但问题是我想让新闻列表无限，我对如何做到这一点没有一个想法。问题是如果我向右滑动第一个项目，将会有一个空白的地方，我无法回到第一个项目，当我向左滑动最后一个项目时也会发生这种情况。我的清单是这样的： Title 1 Title 2 Title 3 我的jquery代码是： $(“.newswrapper ul li”).swipe({ var newsWidth = $(‘.newswrapper ul li:first’).width(); swipe:function(event, direction, distance, duration, fingerCount) { if (direction == ‘left’) { $(‘.newswrapper ul’).animate({left : ‘-=’ + newsWidth}, 500); }); } else if (direction == ‘right’) { $(‘.newswrapper ul’).animate({left : ‘+=’ + newsWidth}, 500); } } […]

如何防止滑动触发点击？: 我使用TouchSwipe创建可滑动的图像列表。我将滑动事件绑定到图像，同时我还绑定了一个将打开图像的大版本的单击事件。我的问题是，如果我滑动，它也会触发click事件。我尝试点击而不是刷卡，但我无法使其工作。在此之后，我尝试了很多地方建议的event.preventDefault()和event.stopPropagation() ，但没有效果。我的最终解决方案尝试是取消绑定click事件并在事件之后重新绑定它，但如果我在事件函数的最后绑定事件，则会再次触发click。 $(“.js-header-swipe-image”).swipe({ swipe:function(event, direction, distance, duration, fingerCount){ $(“#details”).unbind(‘click’);//Temporary unbind, otherwise the swipe’s click would trigger the gallery opening. //Handling swipe direction. $(‘#details’).on(‘click’, ‘.js-header-swipe-image’, function (){//Rebind the temporary unbinded event. console.log(‘click’); $(‘#modal-gallery’).modal(‘show’); }); } }); 有没有办法在事件结束后中止事件本身或调用函数，这样我可以在滑动完成后重新点击点击，这样就不会触发重新点击的点击？我也对这个问题的任何其他解决方案持开放态度。

使用jQuery确定Android取消/返回滑动（从左向右滑动）: 在Android上，不使用像Sencha或JQTouch或JQMobile这样的框架，而是使用jQuery（常规jQuery），我想检测取消/后退（从左到右滑动）。到目前为止，我已经完成了一些工作，但我正在尝试确定在jQuery中实现的数学公式，以便捕获从左到右的滑动事件，而不是另一种手势。你有什么建议？我想我需要某种可接受的差异。我假设某种微积分公式可以在这里重新应用，但不幸的是我在大学里避开微积分。所以，你的答案将教育我，希望如此。以下是一些示例x，y开始/结束数据：（a）从中间左上角向右上方滑动（在这种情况下是不合需要的手势） 21,269 – 278,85 （b）从中间左侧到右下角斜向滑动（在这种情况下是不合需要的手势） 13,269 – 331,436 （c）从中间左侧向右中间直线（一种）（一种理想的手势） 34,267 – 326,266 要么 36,494 – 355,479 var gnStartX = 0; var gnStartY = 0; var gnEndX = 0; var gnEndY = 0; window.addEventListener(‘touchstart’,function(event) { gnStartX = event.touches[0].pageX; gnStartY = event.touches[0].pageY; },false); window.addEventListener(‘touchmove’,function(event) { gnEndX = event.touches[0].pageX; gnEndY = […]

为jquery fancybox灯箱添加滑动效果: Fancybox有完全的支持并且在桌面平台上运行良好，但是移动/触摸设备不支持:hover state属性，因此，如果显示如下的fancybox图库： 01 02 03 … etc. 这个简单的代码： $(“.fancybox”).fancybox(); fancybox导航箭头需要双击才能移动到下一个项目，一个用于显示导航箭头（ :hover ），另一个用于实际前进到下一个/ prev项目。问题是：fancybox是否具有ipad，iphone等的滑动function？如果没有，如何使用jQuery实现它？