Questions tagged «draggable»

有谁知道在不使用Javascript的情况下同时使Firefox中的图片不可拖动和不可选择的方法吗？似乎微不足道，但这是问题所在： 1）可以在Firefox中拖动并突出显示： <img src="..."> 2）因此，我们添加了此内容，但在拖动时仍可以突出显示图像： <img src="..." draggable="false"> 3）因此，我们添加了此内容以解决突出显示问题，但是反直觉地，图像再次变得可拖动。很奇怪，我知道！使用FF 16.0.1 <img src="..." draggable="false" style="-moz-user-select: none;"> 那么，有谁知道为什么添加“ -moz-user-select：无”，会以某种方式胜过并禁用“ draggable = false”？当然，webkit可以按预期工作。Interweb上对此一无所知...如果我们能够共同对此有所启发，那就太好了。 谢谢！！ 编辑： 这是关于防止UI元素被意外拖动并提高可用性-并非在复制保护方案上有些la脚的尝试：-)

132 css  html  firefox  draggable 

我有一个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(); …

112 jquery  jquery-ui  ipad  draggable  touchscreen 

我使用jQuery可拖动和器可弃的工作规划系统我发展。用户将作业拖到其他日期或用户，然后使用ajax调用更新数据。 一切正常，除非我向下滚动主页（作业出现在一个大的周计划器上，超过了我的浏览器窗口的底部）。如果我尝试在此处拖动可拖动元素，则该元素在鼠标光标上方显示的像素数与向下滚动时的像素数相同。.悬停状态仍然可以正常工作，并且功能正常，但是看起来不正确。 我正在使用jQuery 1.6.0和jQuery UI 1.8.12。 我确定我需要添加一个偏移函数，但是我不知道在哪里应用它，或者是否有更好的方法。这是我的.draggable()初始化代码： $('.job').draggable({ zIndex: 20, revert: 'invalid', helper: 'original', distance: 30, refreshPositions: true, }); 知道我该如何解决吗？

79 jquery  jquery-ui  draggable  jquery-ui-draggable 

我正在尝试使用HTML5可拖动API（尽管我意识到它有问题）。到目前为止，我遇到的唯一的难题是，我无法找到一种方法来确定当dragoverordragenter事件触发时正在拖动的内容： el.addEventListener('dragenter', function(e) { // what is the draggable element? }); 我意识到我可以假定这是触发dragstart事件的最后一个元素，但是...多点触控。我也尝试过使用e.dataTransfer.setDatafromdragstart来附加一个唯一的标识符，但是很显然，无法从dragover/访问数据dragenter： 仅在放置事件期间发生放置时，此数据才可用。 那么，有什么想法吗？ 更新：在撰写本文时，似乎没有在任何主要的移动浏览器中实现HTML5拖放，这实际上是关于多点触控的。但是，我希望有一个解决方案能够保证在该规范的任何实现中都可以使用，但这似乎并不妨碍同时拖动多个元素。 我在下面发布了一个可行的解决方案，但这是一个丑陋的hack。我仍然希望有一个更好的答案。

74 javascript  html  draggable