Tag: swipe

滑动事件触发器轻触事件以进行ipod touch

我正在使用jquery mobile beta和jquery 1.6。 在ipod touch上,滑动事件也会触发tap事件。 这个问题不是在Android设备上。 我试图谷歌解决方案,但看起来没有很多同样的问题。 我有什么非常基本的东西吗? $(“div.totapandswipe”).bind(‘tap’,function(event, ui){ alert(‘event’); }); $(“div.totapandswipe”).bind(‘swipe’,function(event, ui){ alert(‘event’); }); 感谢您的帮助!

选项卡面板可以在移动视图中滑动?

我有一个标签式菜单,我希望在移动视图中可以滑动选项卡式菜单( ul class=”tabs” )。 编辑:我发现使用Slick JS的片段,我从来不知道这个JS,但我希望它在我当前的选项卡式菜单上应用这个codepen 。 如何正确地结合我当前的标签菜单? 我试图将它组合起来,但我的选项卡式菜单的当前UI设计变得混乱了。 这是我的选项卡式菜单 Tab 1 Tab 2 Tab 3

禁用fullpage.js上的触摸滑动

我正在为单页营销网站使用fullpage.js插件。 我正在使用导航链接跳转到网站周围的场景(所有水平),因此我想禁用触摸/滑动(场景之间)function,因为它会干扰其他触摸元素。 我已经阅读了所有文档,但我无法找到如何实现这一目标。 欢迎任何帮助。 谢谢,杰克。

在jquery mobile中使用swipeleft和swiperight进行两次射击?

我是jQuery mobile的新手。 我使用滑动概念来滑动多个单独的html页面。 当我从swipepage3到swipepage2时它正常工作。 swipepage2到swipepage1,swipepage2到swipepage3,它发射两次。 如何解决这个问题? 这是我的代码: Swipepage1.html Share QR Countries Newyork Footer Swipepage2.html Share QR Home Countries Seoul Footer Swipepage3.html Share QR Home Countries Capetown Footer slide.js $(document).on(‘pagebeforecreate’, function() { $(‘#article1’).bind(‘swipeleft’, function(event,ui) { $.mobile.changePage(“swipepage2.html”, “slide”); }); $(‘#article2’).bind(‘swipeleft’, function(event,ui) { $.mobile.changePage(“swipepage3.html”,”slide”); }); $(‘#article2’).bind(‘swiperight’, function() { $.mobile.changePage(“https://stackoverflow.com/questions/19448137/firing-twice-when-swipeleft-and-swiperight-in-jquery-mobile/swipepage1.html”,”slide”); }); $(‘#article3’).bind(‘swiperight’, function(event,ui) { $.mobile.changePage(“swipepage2.html”,”slide”); }); });

如何通过jQuery Mobiles滑动事件获得方向和距离

使用jQuery Mobiles滑动事件时,是否可以在回调函数中获取方向和距离? 我在官方文档中没有发现任何相关内容。 TouchSwipe是一个不错的选择,但我需要jQuery Mobile的tap事件,我不想包含两个库。

使用jquerymobile和phonegap for android的滑动function不起作用

我是手机上的新手。我正在使用phonegap为android在eclipse中创建应用程序。我在xml文件夹中添加了手机gap.jar和插件。我还添加了jquery库和phonegap1.1.0 js。 我试图实现滑动function,将一个页面导航到另一个页面,但它无法正常工作。可以告诉我们如何解决问题吗? 我在我的活动中使用inex.html调用这是我的index.html sample check Swipe Right to smple check page 这是我的js文件包含在内 $(“#listitem”).swiperight(function() { $.mobile.changePage(“file:///android_asset/www/samplecheck.html”); }); 谢谢你的帮助

水平滚动 – 移动 – 滑动?

任何人都可以推荐使用滑动手势触发水平Jquery卷轴的最佳方法吗? 我们有一个工作网络版本,我们想在我们的Android网站上实现,但不知道最好的方法来解决这个问题。 我们基本上想要使用类似于通过滑动手势触发的这些示例( http://caroufredsel.frebsite.nl/ )的滚动列表? 感激地收到任何建议或备用版本。 干杯保罗

如何在没有任何库的情况下使用jquery swipe?

我需要创建jQuery mobile,如Swipe $(“#slider ul li div”).swipeleft(); 使用核心jQuery而不使用任何库或插件甚至jQuery mobile。 我知道jQuery移动小部件现在将被解耦,因此我们可以单独刷卡。 但我不能等那么久。 我需要一些类似于滑动手势的手动jQuery代码,用于滑动左右function。 我已经看过了 ,但是我无法理解如何从中轻扫手势。 任何人都可以帮我解决这个问题吗?

使用滑动手势来更改多页jQuery移动应用程序中的页面

有没有办法在jQuery Mobile多页面模板移动网站/应用程序上实现滑动手势导航? 我可以将一个死的简单构造放在一起,如下所示: $(“body”).bind(“swipeleft”, function(e) { $.mobile.changePage( ‘about.html’, { transition: “slide” }); 但是当我开始使用锚标签(多页JQM样式)时,该事件不起作用: $(“body”).bind(“swipeleft”, function(e) { $.mobile.changePage( ‘#points2’, { transition: “slide” }); 是否有适合的解决方法或者我是否必须放弃多页设置才能使其正常工作?

检测触摸设备上的左/右滑动,但允许向上/向下滚动

我需要检测并对左/右滑动作出反应,但是想让用户能够滚动相同的元素,所以只要他左右移动他的手指,最大上/下移动X像素,它不应该滚动,但是当它超过X时,它应该滚动。 所以我做的是: var startX, startY, $this = $(this); function touchmove(event) { var touches = event.originalEvent.touches; if (touches && touches.length) { var deltaX = touches[0].pageX – startX; var deltaY = touches[0].pageY – startY; if (Math.abs(deltaY) > 50) { $this.html(‘X: ‘ + deltaX + ‘ Y: ‘ + deltaY + ‘TRUE’); $this.unbind(‘touchmove’, touchmove); return true; } else […]