移动端js拖动插件 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

Jquery:可拖拽的敏感性

javascript、jquery、jquery-ui、jquery-ui-draggable

我有一个使用jquery的可拖动的DOM元素。有没有一种方法，只有当客户端单击元素并将鼠标移动到至少10px的地方时才能触发拖动开始？150px; height: 150px; padding: 0.5em;

浏览 17提问于2016-08-24得票数 3

回答已采纳

1回答

移动端jQuery可滚动/可拖动div

jquery

如何为移动端创建可滚动/可拖动的div？我正试着在没有任何插件的情况下做到这一点。我想要做的是有一个包含的div和一个嵌套的div，前者是隐藏溢出的视区的宽度，后者更宽，允许您左右拖动嵌套的div。

浏览 1提问于2013-05-04得票数 1

回答已采纳

3回答

移动收紧/缩放操作的javascript事件

javascript、mobile

我正在尝试制作一个移动网页。我想要做的是在用户执行放大/缩小操作时“捕获”。也就是说，当他们把两个手指放在屏幕上，分开或合在一起的时候。我看了看jquery mobile，没有看到它。那么，我是否可以明确地将javascript函数附加到移动设备中的收缩/缩放事件？任何帮助都将不胜感激。

浏览 4提问于2011-12-15得票数 9

1回答

jQuery用于在()和()之前动画化

jquery、animation

我正在使用从中拖动n个排序插件此插件通过检测拖动后的鼠标光标位置对表进行排序。插件看起来像这样..。

浏览 2提问于2012-06-28得票数 0

1回答

为移动应用程序生成用户界面

html、css、mobile、user-interface

我想使用任何工具来为移动应用程序设计UI(通过拖动必要的控件)，这将为我提供必要的HTML、CS (可能是JS)代码。谢谢。

浏览 0提问于2013-10-08得票数 0

1回答

使用jQuery UI可排序功能拖动元素时锁定鼠标位置

jquery、jquery-ui、jquery-ui-sortable、draggable

我使用jQuery UI可排序插件让用户在容器中重新排序div。在插件的设置中，我将axis:"y"设置为仅将拖动移动限制为垂直移动。当用户拖动div时，鼠标位置保持不变(相对于被拖动的div)，但在水平方向上，鼠标可以自由移动，(在我看来)它提供了一种不太“牢固”/“稳定”的ui体验，我希望鼠标在拖动时保持在相同的位置(相对于div

浏览 1提问于2017-12-29得票数 1

1回答

在选定元素上切换.dragscrollable()

jquery

我使用jQuery插件使一个元素可以通过拖动滚动来移动，但我只想在选择“移动”工具时才能做到这一点。我不知道如何禁用可拖动的插件，一旦它被启用？..or如何使用它，以便在选择移动工具时只拖动卷轴？

浏览 2提问于2015-06-07得票数 0

回答已采纳

1回答

在IE和FF中平移拉斐尔表面/元素的速度很慢，而且很麻烦

raphael、panning

我使用拉斐尔插件，画了几个矩形，并在它们之间创建了一些连接，使它们看起来像圆形/连通图。我不希望使用Raphael-

浏览 0提问于2013-04-30得票数 0

1回答

如何在iPad、iPhone上使用JS实现可拖拽？

javascript、iphone、ipad、draggable

你知道，我正在寻找一种方法，可以通过JS处理的鼠标拖动(我们从几个滑块插件中知道的那样)来移动项目，它也可以在iPhone和iPad浏览器上工作？希望任何人都能帮助我。非常感谢!

浏览 2提问于2010-07-12得票数 0

回答已采纳

2回答

使用jQuery UI的可拖动性，如何在父服务器中的任何位置拖动以移动子对象？

jquery、jquery-ui、jquery-ui-draggable

使用jQueryUI的可拖动插件，我希望使父容器中的任何拖动事件移动特定的单个子节点，而不管单击和拖动事件是否在子容器上启动。hidden; width: 50%; background-color: green;}$(document).ready(function() {}); 是否可

浏览 1提问于2014-04-01得票数 0

回答已采纳

1回答

需要在Android客户端调用Kurento Media Server opencv插件

android、opencv、webrtc、kurento

我所做的：我没有任何参考添

浏览 5提问于2016-03-24得票数 0

回答已采纳

1回答

在WP满日历中保存事件更改:可编辑+可拖动

calendar、plugin-events-calendar、drag-drop

插件： https://wordpress.org/plugins/wp-fullcalendar/ 我使用一个插件来显示我的“custom_post_type”事件。我还在“include/ js /”文件夹中编辑了“inline.js”文件，使日历“可编辑”和“可拖动”。但是，当我通过在日历上移动事件进行更改时，我无法设置日历以将更改保存到“custom_post_type”事件。我阅读了JS<e

浏览 0提问于2021-10-12得票数 1

2回答

由于触摸屏和鼠标冲突，在Chrome中无法通过鼠标点击JQuery按钮

jquery、google-chrome、jquery-mobile、touch

我使用的是一个叫做smoothzoom.js的插件。最近我注意到它在Chrome浏览器上不能正常工作。缩放按钮和拖动缩放图像的功能不起作用。该插件的演示站点也不起作用。该插件仍然可以在IE和移动浏览器上正常工作。是否可以使用jQuery移动事件(如vmousedown )对此进行修补？

浏览 1提问于2016-01-13得票数 2

2回答

表拖放(仅包含一列)

javascript、jquery、html-table、tablednd

我想做可拖动的表行，我找到了TableDnD jQuery插件，它工作得很好 $("table").tableDnD(); 如您所见：。但我只想让一列可拖动。我的意思是，整行(tr)像现在一样移动，但你只能通过拖动左列(td.drag)来移动行，当试图拖动右列时应该没有效果。你知道怎么做吗？

浏览 4提问于2013-05-15得票数 2

回答已采纳

1回答

Angular 2的拖放与触摸事件

angular、events、touch

例如，用户可以从标签列表中拖动标签(span、div等)，然后将这些标签放到可编辑的div中。你知道我该怎么做吗？我试着使用hammer.js和d&d插件，但主要的问题是，我需要在桌面上使用拖放(当你可以使用鼠标时)，以及在移动设备上使用触摸事件。Angular 2有什么解决方案/插件/示例吗？

浏览 5提问于2017-10-31得票数 0

1回答

是否有可能在jQuery UI正在进行排序/拖动等操作时终止它，以便我可以在此时检查DOM？

jquery-ui、firebug

我使用的是jQuery UI sortable，我的helper元素在渲染方面做了一些时髦的事情。通常，我只会使用Firebug或其他浏览器开发工具查看CSS、DOM等发生了什么。但是无法使用开发工具检查helper元素，因为任何此类操作都会完成可排序操作，并且helper将被删除。

浏览 2提问于2011-12-01得票数 0

1回答

使用planetary.js将拖动事件限制为x方向

planetary.js

我遇到了Planetary.js--用来旋转一个地球仪--在它支持移动设备之后。我想知道的是，拖动插件是否可以将运动限制在x轴上，并将地球旋转到一定的水平。例如，我有3个锁定位置；最初，地球仪旋转，在拖动/滑动左边，地球仪旋转，但它的旋转限制在第一个最近的位置。在连续的拖曳中，旋转被永久地暂停，旋转一直持续到下一个延迟，依此类推。

浏览 2提问于2014-06-13得票数 1

回答已采纳

1回答

如何防止svg拖动到特定的元素上？

mouseevent、draggable、svgpanzoom

我正在使用奇妙的svg -pan-缩放插件()来支持/缩放我的svg元素，我想让鼠标拖动来移动它。我在svg中有一个单独的elemen，在这里我想防止拖动，因为它有一个click事件，当用户单击它时，有时它会拖动svg元素。所请求的行为是按标准方式拖动，除非鼠标在此元素上按下。我已经尝试过使用event.stopPropagation()和event.preventDefault()，但是似乎svg插件有自己的事件管理。如何防止鼠标拖动？

浏览 2提问于2015-11-22得票数 1

2回答

(角4)如何绑定全局触摸事件处理程序以禁用iOS Safari页面拖动？

javascript、angular、d3.js、mobile-safari

这里的实际问题是，我有一个角4应用程序，有一个D3.js图表，通过用户触摸拖动输入(绑定'touchstart')。用户将针拖到一个值，该值在触摸端(用‘touchend’绑定)注册。但是，在移动浏览器上，至少在iOS Safari上，当我触摸并开始拖动整个窗口时，move...like开始向右拖动，开始显示上次访问的页面。

浏览 4提问于2017-10-13得票数 0

回答已采纳

1回答