javascript - iOS 上的 JQ UI 可拖动 : initiating dragging in taphold-handler

标签 javascript jquery ios jquery-ui jquery-mobile

在我们的应用程序中,我们希望从一个列表删除到另一个列表。问题是,当列表中有很多项目时 - 当元素可拖动时不可能滚动。

作为解决方法,我们希望禁用元素的拖动能力,并仅在用户长按元素时启用它。

    $('li').bind('taphold', function (event, ui) {
        console.log('taphold');
        clearAll(); // clearing all other catched
        $(this).addClass('catched')
        $(this).draggable('enable');
    });

这里是 jsfiddle https://jsfiddle.net/nrxaqc34/10/

到目前为止它可以工作,但是用户需要再次点击才能拖动。如果用户可以在长按后立即开始拖动,那就太好了。

这个答案在这里https://stackoverflow.com/a/9922048/582727不适用于 iOS。

也许有人有想法。

最佳答案

使用延迟选项有意义吗? http://api.jqueryui.com/draggable/#option-delay

$("li").draggable().draggable( "option", "delay", 2000);

fiddle :https://jsfiddle.net/dob3uegj/

编辑: jqueryui-touch-punch ( http://touchpunch.furf.com/ ) 添加到 fiddle 以进行智能手机模拟: https://jsfiddle.net/dob3uegj/1/

关于javascript - iOS 上的 JQ UI 可拖动 : initiating dragging in taphold-handler,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36013627/

相关文章:

ios - 如何列出一个 UIViewcontroller 中的所有控件?

ios - 当我的 tableView 在 TabBar 中时,pushViewController 不工作

javascript - 以 Javascript/jQuery 表示的 PHP 表单 : One to many UI relationships,?

javascript - 在WebView UWP中通过ID获取dom元素

javascript - 查找集合中最高的元素

javascript - 在 ckeditor img 中自动应用类

iphone - 在主uiview的 subview 上获取点击事件

javascript - 根据列表鼠标悬停突出显示表数据

javascript - 使用 jQuery 获取元素时,值未定义

android - Android数字键盘上的"Next"按钮