jquery mobile tap事件触发一次,然后导致问题

jquery mobile tap事件触发一次,然后导致问题,jquery,ipad,jquery-mobile,scrollto,Jquery,Ipad,Jquery Mobile,Scrollto,我有一个绑定到图像的点击事件。点击图像时,文档应滚动。在使用iOS5的ipad上,第一次点击图像时,该功能可以正常工作,但如果用户连续第二次点击图像,该功能将失败。如果用户持续点击,该功能似乎会再次启动,但无法滚动该功能中定义的完整像素距离 如果用户点击图像,触摸屏幕以物理方式滚动页面,然后在第二次点击图像时,函数将按其应该的方式启动。为什么我的代码在第二种情况下有效,而在第一种情况下无效?非移动版本工作得很好 <script type="text/javascript">

我有一个绑定到图像的点击事件。点击图像时,文档应滚动。在使用iOS5的ipad上,第一次点击图像时,该功能可以正常工作,但如果用户连续第二次点击图像,该功能将失败。如果用户持续点击,该功能似乎会再次启动,但无法滚动该功能中定义的完整像素距离

如果用户点击图像,触摸屏幕以物理方式滚动页面,然后在第二次点击图像时,函数将按其应该的方式启动。为什么我的代码在第二种情况下有效,而在第一种情况下无效?非移动版本工作得很好

<script type="text/javascript">
    $(window).load(function () {
        $('#down_button').bind('tap', function() {
            $.scrollTo( '+=1024px', {axis: 'y', duration:300} );
        });

        $('#up_button').bind('tap', function() {
            $.scrollTo( '-=1024px', {axis: 'y', duration:300} );
        });
    });
</script>

您没有显示关联的HTML,因此我猜测其中一个元素可能嵌套在另一个元素中

如果是这样的话,那么tap事件很可能正在冒泡。您可以通过向一个或两个事件处理程序添加event.stopPropagation来防止这种情况发生。这还需要更改函数以在事件中传递,如下所示:

.bind('tap', function(event) {

您没有显示关联的HTML,因此我猜测其中一个元素可能嵌套在另一个元素中

如果是这样的话,那么tap事件很可能正在冒泡。您可以通过向一个或两个事件处理程序添加event.stopPropagation来防止这种情况发生。这还需要更改函数以在事件中传递,如下所示:

.bind('tap', function(event) {

用户连续第二次点击图像(双击)是什么意思?或者在文档完成滚动后第二次点击?在没有窗口的情况下尝试。加载包装器用户连续第二次点击图像是什么意思?或者在文档完成滚动后第二次点击?在没有窗口的情况下尝试。加载包装器我必须在某个时候尝试。我实际上使用的是固定宽度的文档,最终我看到固定宽度的文档不支持在移动webkit中滚动,所以我认为这就是问题所在。虽然这很奇怪,但我可以使用一些滚动。我必须在某个时候尝试一下。我实际上使用的是固定宽度的文档,最终我看到固定宽度的文档不支持在移动webkit中滚动,所以我认为这就是问题所在。虽然这很奇怪,但我可以得到一些滚动的工作。