7
如何使jQuery UI'draggable()'div可拖动到触摸屏?
我有一个draggable()可在Firefox和Chrome中使用的jQuery UI 。用户界面的概念基本上是单击以创建“便利贴”类型的项目。 基本上,我单击或轻击div#everything(高和宽均为100%)来监听点击,然后显示输入文本区域。您添加文本,然后将其保存。您可以拖动此元素。那可以在普通的浏览器上使用,但是在iPad上我可以测试,但不能拖动项目。如果我触摸以选择(它随后会稍微变暗),则无法拖动它。它根本不会向左或向右拖动。我可以上下拖动,但是我不拖动个人div,而是拖动整个网页。 因此,这是我用来捕获点击的代码: $('#everything').bind('click', function(e){ var elem = document.createElement('DIV'); STATE.top = e.pageY; STATE.left = e.pageX; var e = $(elem).css({ top: STATE.top, left: STATE.left }).html('<textarea></textarea>') .addClass('instance') .bind('click', function(event){ return false; }); $(this).append(e); }); 这是我用来“保存”笔记并将输入div变成仅显示div的代码: $('textarea').live('mouseleave', function(){ var val = jQuery.trim($(this).val()); STATE.content = val; if (val == '') { $(this).parent().remove(); …