草庐IT

价格拖动

全部标签

javascript - JQuery 可拖动 : scroll not working when helper: clone is used

我有一种文件夹列表类型的情况,我可以使用jquerydraggable/droppable将项目从一个文件夹拖到另一个文件夹。文件夹项目是可拖动的,文件夹是可放置的。它们位于一个小到足以显示垂直滚动条的div中。我在可拖动项上设置了“scroll:true”,这样它们就可以使div滚动。当我还在可拖动项目上使用“helper:"clone"”时,滚动不再有效。我做错了什么?这是一些非常简化的代码:dropheredragmedragmedragmedropheredropheredragmedragmedragmedragmedropheredropheredropheredrophe

小程序map拖动地图显示地图中心标记点及经纬度方法

最近做毕设,需要获取地点坐标,有了地图地图,想想怎么来简单点。就上网搜了搜(官方有提供地图选点返回经纬度的,但是感觉手指操作不太精准,就想着换一种)然后自己写了个demo(代码再后面)大体思路是在map中心放个很小的圈圈定位用(map中flex垂直水平居中不太行,用了position:absolute的老方法)然后使用MapContext.getCenterLocation获取当前地图中心的经纬度再使用MapContext.addMarkers添加marker(callout中显示坐标)这样一拖动地图就能显示地图中心标记点及经纬度顽皮一下(addMarkers里忘写clear:true的后果哈

javascript - 为可拖动对象设置边界限制

我有两个元素:1.固定高度的父级,overflow:hidden2.它的child,具有更大的固定高度。.myList{list-style:none;margin:0px;padding:1px;}.myListli{height:50px;margin:4px;padding:2px;}.dragPanel{height:230px;border:solid;overflow:hidden;}12.......89我希望能够在父div中上下拖动列表。我正在使用jqueryuidraggable插件来实现垂直拖动,但我不确定如何将列表限制在父div中。$(document).read

javascript - 拖动一个 Famous 表面并让它在 mouseup 上过渡回原点?

我想拖动一个Famous曲面,当我放开它时让它回到原来的位置。我采用了“拖动”示例并对其进行了修改,但是虽然触发了mouseup回调(我检查了console.log),但修饰符转换并未触发。这是相关代码:varsurface=newSurface({size:[200,200],content:'drag',properties:{backgroundColor:'rgba(200,200,200,0.5)',lineHeight:'200px',textAlign:'center',cursor:'pointer'}});vardraggable=newDraggable({xRan

javascript - 谷歌地图保存可拖动的方向

您可以在我的网络应用程序中创建标记,并使用这些标记创建带有谷歌方向的路线。但我希望用户也能够更改路线,并且我在googlemapsapiv3中找到了可拖动的方向。有没有办法将更改后的方向保存在数据库中,以便您可以使用该信息再次创建准确的路线? 最佳答案 我假设以下内容都是正确的:varmap=newgoogle.maps.Map(document.getElementById('map_canvas'),{zoom:8,center:newgoogle.maps.LatLng(/*centerofmap*/),mapTypeId:g

javascript - 通过拖动边缘调整饼图切片大小

我正在尝试调整Raphaël网站上不断增长的馅饼演示以满足我自己的需要。http://raphaeljs.com/growing-pie.html该演示几乎是完美的,但我希望用户能够拖动切片的边缘来调整它们的大小,而不是单击它们。这不仅更直观,而且还允许精确调整大小,而不是演示中的分步方法。我该怎么做?提前致谢。 最佳答案 尝试从不同的UIAngular来处理您的解决方案。用户是否必须操纵PI?或者,PI能否代表用户的响应?向用户询问百分比或其他一些值......然后以交互方式绘制UI。这将消除为(基本上)鼠标移动的每个像素触发的每

javascript - 拖动 : Replacement of the data

我得到了一个包含一些html元素的网页,其中包括一个文本区域和一个嵌入式contenteditableiframe(一个rte)。使用这段代码,我设法在主页上捕获拖动手势事件并设置文本/html数据jQuery(document).bind('draggesture',function(event){event.originalEvent.dataTransfer.setData('text/html','my_data');});现在,当拖放到主页上的文本区域时,“my_data”会被丢弃。放入contenteditableiframe也会掉落“my_data”。但是我在这里遇到了三

javascript - 代码中防止网页在iPad上拖动

我目前正在制作一个可以在iPad上查看的网页。它使用jquery-ui库来显示slider。但是,当用户尝试拖动slider时,整个页面都会拖动。有谁知道是否可以在jquery或html中指定任何类型的覆盖以防止浏览器在触摸拖动事件时拖动iPad上的页面? 最佳答案 您可能还想查看这篇文章:AdaptinganInterfaceforTouchDevices.它讨论了如何检测你是否在触摸环境中运行,但它也(在文章的后面)讨论了覆盖touchstart事件的默认行为......“通过捕获手指移动并劫持它,我们可以使用jQuery的ev

javascript - 使用 Jquery 缩放图像后可拖动区域不正确

我正在使用jquery.viewport创建一个视口(viewport)函数:我使用jqueryui创建slider和一个自己编写的缩放函数来缩放图像。此外,使用此插件创建视口(viewport)功能。http://borbit.github.com/jquery.viewport/问题是,缩放图像后,可拖动区域只是内容的一部分。这意味着我不能在它的某些区域拖动内容。无论如何要解决这个问题?谢谢HTML:Javascript$(document).ready(function(){$("#view").css("height",$(window).height());$("#view"

javascript - 以编程方式触发 jQuery-UI 可拖动的 "drag"事件

这个问题在这里已经有了答案:HowtoprogrammaticallyinvokejQueryUIDraggabledragstart?(5个答案)关闭7年前。我试图在使用jQuery-UI的draggable小部件连接后立即触发div上的drag事件。我有一些代码在被拖动时会关闭,我也想在页面加载后立即运行此代码。我有时会在其他jQuery处理程序上使用这样的习惯用法来执行此操作:$('.foo').on('bar',function(){console.debug('bar!');}).trigger('bar');这似乎不适用于draggable。这是我的代码:vardragga