Tag: 滑动

使用jQuery .on（）创建一个下拉菜单

我正在尝试创建一个jQuery下拉菜单，它会添加一个类来了解它是否向下或向上。 但由于某种原因，.on（）函数似乎没有响应点击。 我做错了什么？ 这是我的HTML： Item 1 Item 2 Sub Item 1 Sub Item 2 Sub Item 3 Item 3 我的JS： // Slide down jQuery(‘#main-menu > li.drop-down > a’).not(‘.active a’).click(function(e){ e.preventDefault(); jQuery(this).closest(‘li.drop-down’).addClass(‘active’).find(‘ul.sub-menu’).slideDown(); }); // Slide up jQuery(‘#main-menu > li.drop-down.active > a’).on(‘click’, function(e){ e.preventDefault(); jQuery(this).closest(‘li.drop-down’).find(‘ul.sub-menu’).slideUp(400, function(){ jQuery(this).closest(‘li.drop-down.active’).removeClass(‘active’); }); }); 谢谢！

jQuery：只选择ul，而不是ul ul

我正在尝试使用jQuery击败基本的手风琴风格菜单。 这是菜单： http://www.cybart.com/bscg/ 这是一段代码，为其提供手风琴function： $(‘#access ul li’).click(function(){ $(‘#access ul ul:visible’).slideUp(); $(this).children(‘ul:hidden’).slideDown(); }); 问题：单击子菜单链接会使子菜单向上滑动（并关闭）。 我想在单击子菜单链接时保持子菜单打开，并且仅在单击顶级链接时向上滑动。 如何通过jQuery仅选择顶级ul来为子菜单设置动画？ 或者有没有办法选择子菜单链接并“告诉它”以保持子菜单点击打开？ 我很感激你的智慧！

如何在滑动过渡期间停止jQTouch中的滑动事件？

我几乎完成了一个混合网站，这是我无法解决的一个问题（很多是由于现在的Sencha库故意缺乏文档）。 我在滑动，左右和正确的动画上都有一个绑定事件，它正好在我快速滑动时，或者我滑动 – 页面开始转换（幻灯片） – 转换时我再次滑动。 我抛出jQtouch并导致黑页。 $(‘div.touch’).swipe(function(event, info){ switch(info.direction){ case ‘left’: jQT.goTo(‘#test’, ‘slide’); break; 我在想’pageAnimationEnd’可能是我需要使用的事件并以某种方式结合。 但对于一个菜鸟来说，指针会很好。 🙂

jquery mobile Panel滑动function导致错误

我有这么难的时间，我有一个使用mootools的翻转时钟，然后是使用Yahoo API的天气小部件，现在我不知道是什么原因造成的 “在初始化之前无法在面板上调用方法;尝试调用方法’open’” 所以我按照这个演示， http：//view.jquerymobile.com/master/docs/examples/panels/panel-swipe-open.php#demo-page ，现在我收到了错误。 $( document ).on( “pageinit”, “#demo-page”, function() { $( document ).on( “swipeleft swiperight”, “#demo-page”, function( e ) { // We check if there is no open panel on the page because otherwise // a swipe to close the left panel would also open the right panel (and vv). // We […]

jquery触摸在iframe上滑动

我正在尝试整理一个小应用程序，我可以在屏幕上的任何位置滑动。 在我想要将iframe添加到页面的某个部分之前，这一切都还可以。 我希望能够知道当人们在这个区域时滑动发生的时间。 这可能吗？ 所以#box是可滑动区域的想法 this is some text 我已经整理了一个基本的jsfiddle，可能有助于表明我的意思 http://jsfiddle.net/dwhitmarsh/v42S9/

使用jQuery检测iPhone Swipe

我只是在寻找能够检测触摸设备上手指滑动的聆听者。 例如; if (swipe.direction == ‘left’ ) { function(); }

jQuery：slideUp（）delay（）然后slideDown; 不工作

我正在尝试实现一个非常简单的页脚通知元素，以便向上滑动片刻，然后向下滑动。 我正在使用： $(‘button’).click( function () { $(‘#message-box’).slideUp(‘slow’).delay(1500).slideDown(‘slow’); }); 但是，当您单击该按钮时，它会延迟1500毫秒然后向上滑动并且永远不会向下滑动。 http://jsfiddle.net/jrMH3/17/

在hover时使用幻灯片和滑动的JQuery下拉菜单是跳跃式的

我已经使用jQuery slideup和slidedown为这些函数创建了一个非常简单的下拉菜单 – 但是如果将鼠标快速移动到它上面，或者如果鼠标保持在上面，它会非常跳跃（我正在使用Firefox 3.6.8）其中一个子菜单项。 我在以下链接中做了一个工作示例： http://jsfiddle.net/jUraw/19/ 如果没有.stop（true，true）函数，情况会更糟。 我也试过添加hover-intent，但因为我在同一个div中有一个hover触发的幻灯片，它与幻灯片的function相冲突。 有什么我想念的吗？ 我听说过clearqueue可能有效，或者可能超时，但无法弄清楚在哪里添加它们。 谢谢大家。

jQuery – 等到SlideUp（）结束

在继续编写脚本之前，我怎么能等到jQuery函数slideUp（）结束？ $(document).ready(function() { $(“div[class=item]”).click(function() { var id = $(this).attr(“id”); $(“#content”).slideUp(); switch(id) { // Applications case “rampro”: $(“#content”).css(“text-align”, “left”); $(“#content”).load(“inc/pages/rampro.html”); $(“#content”).slideDown(); break case “diskman”: $(“#content”).css(“text-align”, “left”); $(“#content”).load(“inc/pages/diskman.html”); break case “iconmap”: $(“#content”).css(“text-align”, “left”); $(“#content”).load(“inc/pages/iconmap.html”); break // Websites case “benoks”: $(“#content”).css(“text-align”, “left”); $(“#content”).load(“inc/pages/benoks.html”); break case “linkbase”: $(“#content”).css(“text-align”, “left”); $(“#content”).load(“inc/pages/linkbase.html”); break case “jamesbrooks”: $(“#content”).css(“text-align”, “left”); $(“#content”).load(“inc/pages/jamesbrooks.html”); break default: $(“#content”).css(“text-align”,”center”); […]

Jquery工具触摸水平仅禁用垂直触摸

我有jquery工具滚动…我喜欢它只为swipeLeft swipeRight实现触摸选项。 当我使用touch：true时，它也会在swipeUp / Down时旋转。 我按照说明在这里： jQuery工具可滚动触摸禁用垂直滚动 和这里： http://awardwinningfjords.com/2010/09/22/handling-touch-events-in-jquery-tools-scrollable.html 但似乎没有工作..任何想法？ 我的小提琴/演示在下面供参考 小提琴： http ： //jsfiddle.net/mmp2m/7/ 演示： http ： //jsfiddle.net/mmp2m/7/show 谢谢