jQuery点击并在触摸屏中滑动

时间:2012-06-12 12:25:21

标签: javascript jquery jquery-ui jquery-mobile

我正在使用JQuery开发触摸屏的Web应用程序,我使用了iosSlider
我在滑动容器中放了很多div,现在我怎么能区分滑动容器和点击里面的任何div? 当我滑动容器并将我的手伸出它时,JQuery认为它是一个内部div的点击 我使用JQuery dblclick作为内部div临时的处理程序,但这不是我想要的,我只想点击一下 这个页面准确显示了我的意思Touch Screen Project

3 个答案:

答案 0 :(得分:1)

查看此链接,看看是否有助于您解决问题:

How to distinguish mouse “click” and “drag”

和其他来源如:

jQuery Mobile events

答案 1 :(得分:0)

我用JQuery解决了这个问题:

        $(".element").each(function(){
            flag = 0;
            $(this).bind("mousedown",function(){
                flag = 0;
            });

            $(this).bind("mousemove",function(){
                flag = 1;
            });

            $(this).bind("mouseup",function(){
                if(flag === 0){
                    console.log("click");                   
                }
                else if(flag === 1){
                    console.log("drag");
                }
            });
        })

答案 2 :(得分:0)

我构建了iosSlider,我仍在积极开展工作。在区分点击和拖动时,iosSlider能够处理内联锚链接和内联onclick。如果脚本中有错误或者我没想到的情况,我很乐意排除故障!

对于我的研究,我的问题是:你如何绑定点击事件? $()。绑定( '点击')/ $()。单击()?

下次,如果您特别遇到iosSlider问题。我可以帮你解决一下github(https://github.com/iosscripts/iosSlider/issues)。只需创建一个新问题,我将看一下:)。

感谢。