javascript - JQ UI 在 iOS 上可拖动 : initiating dragging in taphold-handler
<p><p>在我们的应用程序中，我们希望从一个列表中删除。问题是，当列表中有很多项目时 - 当元素可拖动时无法滚动。 </p>
<p>作为解决方法，我们希望禁用元素的可拖动性，并仅在用户长按元素时启用它。</p>
<pre><code> $('li').bind('taphold', function (event, ui) {
console.log('taphold');
clearAll(); // clearing all other catched
$(this).addClass('catched')
$(this).draggable('enable');
});
</code></pre>
<p>这里是 jsfiddle <a href="https://jsfiddle.net/nrxaqc34/10/" rel="noreferrer noopener nofollow">https://jsfiddle.net/nrxaqc34/10/</a> </p>
<p>到目前为止它可以工作，但用户需要再次点击才能拖动。如果用户可以在长按后立即开始拖动，那就太好了。</p>
<p>这个答案在这里 <a href="https://stackoverflow.com/a/9922048/582727" rel="noreferrer noopener nofollow">https://stackoverflow.com/a/9922048/582727</a>不适用于 iOS。</p>
<p>也许有人有想法。</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>使用延迟选项有意义吗？ <a href="http://api.jqueryui.com/draggable/#option-delay" rel="noreferrer noopener nofollow">http://api.jqueryui.com/draggable/#option-delay</a> </p>
<pre><code>$("li").draggable().draggable( "option", "delay", 2000);
</code></pre>
<p> fiddle :<a href="https://jsfiddle.net/dob3uegj/" rel="noreferrer noopener nofollow">https://jsfiddle.net/dob3uegj/</a> </p>
<p>编辑:
jqueryui-touch-punch ( <a href="http://touchpunch.furf.com/" rel="noreferrer noopener nofollow">http://touchpunch.furf.com/</a> ) 添加到 fiddle 以进行智能手机模拟:
<a href="https://jsfiddle.net/dob3uegj/1/" rel="noreferrer noopener nofollow">https://jsfiddle.net/dob3uegj/1/</a> </p></p>
<p style="font-size: 20px;">关于javascript - JQ UI 在 iOS 上可拖动 : initiating dragging in taphold-handler，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/36013627/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/36013627/
</a>
</p>
页:
[1]