草庐IT

价格拖动

全部标签

javascript - leaflet.js - 单击时设置标记,拖动时更新位置

对于我正在进行的一个小项目,我需要能够在leaflet.js支持的图像map上放置一个标记,并在它被拖动时更新该标记的位置。我使用下面的代码来尝试这个,但它失败了。我收到错误“标记未定义”。我不知道为什么它不起作用-也许你们可以帮助我?;)functiononMapClick(e){gib_uni();marker=newL.marker(e.latlng,{id:uni,icon:redIcon,draggable:'true'};map.addLayer(marker);};marker.on('dragend',function(event){varmarker=event.ta

javascript - Jquery - 拖动时禁用选择

我正在尝试使用jquery库实现我自己的拖放功能。但是每次我在图像上按下鼠标,然后移动鼠标时,我的浏览器都会“突出显示”或“选择”图像,这会中断我的鼠标移动操作。如何禁用选择/突出显示?我尝试了$('img').onselectstart=function(){returnfalse;},但没有成功。 最佳答案 您可以阻止dragstart事件的默认行为...$('img').bind('dragstart',function(event){event.preventDefault();});jsFiddle.

javascript - jquery-ui-sortable 的拖动事件

jquery-ui-sortable被拖动时如何监听drag事件?通过hit-n-trial策略,我尝试了jquery-ui-draggable中的drag事件,但它不起作用。$('.widget_container').sortable({drag:function(event,ui){console.log('drag');}}); 最佳答案 为此目的使用sort事件:$(".sortable").sortable({sort:function(e){console.log('X:'+e.screenX,'Y:'+e.scree

javascript - 如何使用 javascript/jquery 处理 iphone 和 ipad 上的拖动事件?

我有一个已经开发了一段时间的小应用程序。我和我的friend们一直在为此努力工作,并且即将发布测试版。我想用iPhone和iPad做一些演示,看起来很酷:p现在我的问题是如何处理:鼠标按下鼠标移开鼠标离开iPhone的多点触控界面(我希望它与iPad类似)处理浏览器上的鼠标移动,并具有滚动事件。人们可以trycatch滚动事件并用它来模拟拖动,但我什至不知道它是否可行,或者它是否只是一种hack。有人知道一种更稳健的方式来管理iphone/ipad上的拖动事件吗? 最佳答案 Apple的开发者页面有很多关于处理这些类型问题的有用信息

javascript - 请推荐一个 JQuery 插件来处理可拖动元素的碰撞检测

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭8年前。Improvethisquestion我们正在使用DraggableJQueryUI插件并且需要禁止元素之间的重叠。我们可以自己编写一些碰撞检测,但更愿意使用经过测试的包。有什么建议么?

javascript - 我如何使动态创建的元素可拖动()?

我想弄清楚如何使动态创建的div可拖动,所以我创建了thisverysimplething帮我。我知道我必须将on()事件与非动态处理程序一起使用。通过让body元素处理链接的JSfiddle中的克隆事件,我成功地使动态创建的div可克隆,但它们不可拖动。我究竟做错了什么?预先感谢您的帮助!$(document).ready(function(){$("body").on('click','.pink',function(){$('.container').append($(""))});$("body").on('click','.blue',function(){$('.conta

javascript - Paper.js 通过拖动调整光栅/TextItem/路径的大小

我知道我可以scale一个RasterPaper.js中的对象,以及TextItem和一个Path.但是,我想在拖动Raster的选择线或边界框时执行此操作,TextItem,或Path,就像在Word等程序中调整图像大小时一样。这些边界形成一个Rectangle目的。我可以Hook吗,也许使用fitBounds方法?或者更广泛地说,如何在Raster、TextItem或Path的选择线上捕获鼠标拖动事件?我想一旦我能做到这一点,我就可以使用scale方法来扩大/缩小对象。这是一个Paper.jssketch从@Christoph借来帮助您入门和进行实验。另见documentation

javascript - 如何使 jQuery UI 可排序的 div 仅从图标中拖动?

我使用了一些jQueryUI可排序插件,但我总是发现同样的问题,我无法在可排序DIV中选择或单击,所以,也许我可以通过在只能拖动的地方放置一个图标来找到解决方案div,这样您就可以选择其他部分。怎么做? 最佳答案 在您的每个可排序项目中,包括您想要的任何内容作为您的句柄。(IE、img或样式化的span。)为handle元素指定一个类名—handle可能是一个不错的选择。在您的sortable构造函数中,将handle选择器设置为您为句柄指定的类。$('#div').sortable({handle:'.handle',cursor

javascript - Jquery UI 可拖动 : Align helper to mouse position

使用jQuery我有一个可拖动的元素。这是一个大小为200x40的div。当然,用户可以通过点击div中的不同位置来开始拖动这个div。我想要的是当startdrag事件发生时,助手(克隆)div将始终以相同的方式与光标对齐,无论用户在div中的何处开始拖动。所以在mousedown之后,助手的top和left值需要与鼠标x和y相同。我已经使用这个coffeescript代码试过了:onStartDrag:(e,ui)=>ui.helper.cssleft:e.clientXtop:e.clientYconsole.log(e)但它不起作用,我猜这是因为我输入的值由于鼠标移动而直接被可

drag-and-drop - 在 Raphael js 中使路径和图像可拖动

是否可以使用Raphaeljs在页面周围拖放除圆形和矩形以外的对象?我想添加路径和图像,然后您可以四处移动,但事实证明这很棘手。我想用Raphael解决这个问题,因为它支持触摸界面。这是代码window.onload=function(){varR=Raphael(0,0,"100%","100%"),r=R.circle(100,100,50).attr({fill:"hsb(0,1,1)",stroke:"none",opacity:.5}),g=R.circle(210,100,50).attr({fill:"hsb(.3,1,1)",stroke:"none",opacity: