draggable相关内容

jQuery - 拖动 div css 背景

我希望能够在 div 内按住鼠标并移动它的背景.在google上搜索了很多,没有找到我想要的. 这是目标(显示的地图是要拖动的对象):http://pontografico.net/pvt/游戏地图/ 有什么建议吗? 干杯! 解决方案 好吧,让它工作;我想我已经解决了所有问题: 带有边界限制的最终 jQuery $(document).ready(function ..
发布时间:2022-01-08 12:55:51 前端开发

动态更改 Raycaster 位置

我有一个画布,里面有几个立方体.我使用 Raycaster 来选择它们并改变它们的颜色.但是画布位于 draggable 对象内,当我四处移动时,我无法更改颜色,颜色更改在原始位置起作用.我想我也必须改变 Raycaster 的尺寸.我该怎么做? 这是示例. 解决方案 尝试修改代码如下: function onDocumentMouseDown( event ) {event.pr ..
发布时间:2021-12-31 18:58:24 其他开发

如何使用 jQuery 在 div 中拖动和滚动

我已经四处寻找了一段时间,但我找不到结合这些元素的方法: 我想要一个 100% 宽度的 div,有 1 行元素.我需要滚动浏览这个 div,就像:http://jqueryfordesigners.com/demo/scrollable-时间线.html 所以有一个隐藏的溢出等等. 但是现在当我松开鼠标点击时,我想要某种平滑的轻松感,所以它就像一个排序扫描.因此,当我从左到右拖动 ..
发布时间:2021-12-29 11:09:19 其他开发

使用 jquery 拖放更改 div 的位置

我正在尝试构建一个网站,用户可以在其中将某些项目(div 中的一个项目)拖动到页面上的其他 div.它不是一个表格,只是页面上某个地方的 div. 使用 html5 拖放效果很好,现在我尝试为移动设备执行此操作.我可以将项目拖动到 div,将它们放在那里并阻止这个放置区,因为只有一个元素应该在放置区中.如果我犯了一个错误,我也可以将此元素拖动到另一个 div 或页面上的其他位置(可放置区域仅 ..
发布时间:2021-12-27 19:38:44 前端开发

通过 Google Maps API V3 检索可拖动图钉的纬度和经度

我会解释的.我设法在地图上有一个可拖动的图钉.我想检索该点的坐标并将它们放入两个字段:纬度和经度.这些坐标稍后将通过 PHP 发送到 SQL 表.这是我打算做的一个示例,但不是几个图钉,而是一个图钉,它是可拖动.问题是:我什至无法显示初始点的坐标.当然,当用户移动图钉时,我希望字段中的坐标也发生变化.我希望我说清楚了.我做错了什么?我应该使用地理编码服务吗? JS 来了: 无功地图;函数初 ..
发布时间:2021-12-25 15:02:50 其他开发

jQuery-Ui:无法将对象拖出手风琴

我在手风琴小部件中有一个可拖动的对象.拖动它时,它会限制其父元素,即手风琴元素.我尝试使用“遏制"选项但没有成功. 我已经在 FireFox 3.5.5 和 Chromium 4 上试过了. 有办法解决吗? 谢谢 解决方案 对于那些正在寻找完整示例的人,请查看 购物车示例 jQuery UI 演示.这是一个可放置的示例,但准确说明了所要求的内容(将元素拖到手风琴外). ..
发布时间:2021-12-17 22:07:09 其他开发

jquery ui 拖动缓动/惯性

如何在使用 jquery ui draggable (http://jqueryui.com/demos/draggable/) 拖动元素时启用缓动或惯性?我想重新创建类似于 maps.google.com 的缓动,当您投掷/拖动地图时,它会缓和到位.理想情况下,我想根据您抛出/拖动元素的力来移动元素.你如何实现这个功能?也许 jquery ui draggable 不是必需的,但我希望模拟在 G ..
发布时间:2021-12-17 21:55:32 前端开发

如何使 div 宽度可拖动?

我有一个 div 嵌套在另一个用于显示设置控制台的 div 中.嵌套的 div 在父级中有一个固定的定位,如下所示: 我想在子 div 的左边框上添加一个可拖动的句柄,以便可以在宽度上调整子 div 的大小.我是否需要在左侧边框所在的位置添加另一个非常窄的 div,以便可以拖动它并重新计算位置以动态调整子 div 宽度属性的大小? 如果可能的话,我宁愿坚持使用普通的 JQuery,而不 ..
发布时间:2021-12-17 21:53:17 前端开发

JQuery 可轻松拖动

我想用Jquery的draggable来实现轻松的效果.但是我没有在这个插件中找到这个选项.所以我想知道是否有其他插件有这个选项 - 或者一个简单的解决方案. 我想要达到的效果是这样的:http://www.fileden.com/files/2009/6/4/2466215/dragease.swf 如您所见,在拖动时,由于缓动,图像移动感觉更加平滑.我还想将拖动限制在一个轴上,还需 ..
发布时间:2021-12-17 21:42:52 其他开发

在可拖动元素上设置 z-index

我正在尝试使用 jQuery 在可拖动元素上设置 z-index.你可以在这里看到我在说什么以及我目前所拥有的: http://jsfiddle.net/sushik/LQ4JT/1/ 它非常原始并且存在问题.关于如何使最后点击的元素具有最高 z-index 而不是将所有其余元素重置为基本 z-index 的任何想法,让它们一步,所以倒数第二个点击有第二高的z-index,等等. ..
发布时间:2021-12-17 21:41:59 前端开发

如果在此 div 之外和其他可拖动对象内部,则可拖动恢复(使用无效和有效恢复选项)

关于 ui 可拖动对象 (http://jqueryui.com/demos/droppable/#revert ) 是否可以还原一个 div,如果它在一个 div 内,如果不在另一个 div 内?例如像这样 $( "#draggable" ).draggable({ revert: "valid", revert:"invalid" }); 但是由于明显的原因,这不起作用..我可以设置条件吗 ..

jQuery draggable 在页面滚动后在错误的位置显示助手

我正在使用 jQuery draggable 和 droppable 用于我正在开发的工作计划系统.用户将作业拖到不同的日期或用户,然后使用 ajax 调用更新数据. 一切正常,除非我向下滚动主页(工作出现在超出浏览器窗口底部的大型周计划表上).如果我尝试在此处拖动可拖动元素,则该元素会出现在我鼠标光标上方的像素数与我向下滚动时的像素数相同. 我使用的是 jQuery 1.6.0 和 ..
发布时间:2021-12-17 21:13:00 其他开发

使用实时事件的 jQuery 拖放

我有一个应用程序,其中包含一个经常更改的长列表,我需要该列表中的项目是可拖动的. 我一直在使用 jQuery UI 可拖动插件,但是添加到 400 多个列表项很慢,并且每次添加新列表项时都必须重新添加. 有谁知道一个类似于使用 jQuery 1.3 的 .live() 事件的 jQuery UI 可拖动插件的插件?这将解决这两个问题. 解决方案 Wojtek 的解决方案非常适合 ..
发布时间:2021-12-17 21:08:47 其他开发

我如何制作 MatDialog 可拖动/角度材质

是否可以使 Angular Material Dialog 可拖动?我安装了 angular2-draggable,当然可以在所有其他元素上使用该功能. 但是因为对话框是动态创建的,所以我不能在特殊元素上使用 ngDraggable 或可以使用模板变量. 解决方案 自 Angular Material 7 起更新 您可以简单地使用 @angular/cdk 中的 cdkDrag ..
发布时间:2021-11-28 17:15:47 其他开发

限制拖动到对象的局部轴

当沿着局部轴拖动对象时,我正在尝试实现与 3D 建模程序所做的非常相似的事情.主要区别在于,您不会在屏幕上移动光标,而是自由移动相机并且光标始终位于屏幕中间.有点像第一人称游戏. 想象一下,将相机对准下方标有蓝色十字(光标)的立方体的表面.您按住鼠标以“抓取"立方体.立方体的拖动现在应该被限制在轴上,用红色大箭头表示. 例如,您可以将相机向左移动并向右转动,如第二张图片所示.在这种情况 ..
发布时间:2021-11-25 03:57:35 C#