草庐IT

安卓可拖动ImageVIew

全部标签

javascript - 可在特定的 div 内拖动

我正在从事一个使用了可拖动事件的元素。现在的问题是draggable()事件对我来说效果很好......但是因为我想存储我的位置,所以我使用了以下javascript。这个也很好用......但问题是它适用于整个屏幕。我只是希望它仅通过使用此代码在特定的parentdiv上运行。那有可能吗?function$(el){returndocument.getElementById(el);}vartzdragg=function(){return{move:function(divid,xpos,ypos){vara=$(divid);$(divid).style.left=xpos+'p

javascript - jQplot 可拖动

我在jQuery中使用jQplot并试图使点可拖动。jqplot通过jqplot.dragableplugin具有此功能我应该说我是jQplot的新手,但我确实用它正确地绘制了我的信息。我认为我正在使用dragabilityoption正确。(使用该链接并找到“可拖动:”以查看示例),但我的代码中一定有问题。这是我的代码。非常感谢任何帮助。UntitledDocument.jqplot-axis{font-family:Arial,Helvetica,sans-serif;font-size:90%;}.jqplot-highlighter-tooltip{background-col

javascript - 如何添加点击并拖动以缩放 SVG 中的图像?

我想让访问者使用点击和拖动来缩放图像:是否有可以帮助我的JavaScript库?我注意到Raphaelhasclickanddrag方法,但我仍然需要编写大量JS来:找到图像的Angular使Angular落附近的区域可选为Angular绘制图标,使其明显可见在Angular落添加点击、拖放更新图片的尺寸我可以做到所有这些,但听起来很费时。有没有我应该使用的开源脚本?其他建议? 最佳答案 我在这篇文章中找到了这个解决方案:DraggablesandResizablesinSVG.在答案中,您可以找到一个jsfiddle链接:http

javascript - 在 Leaflet 中达到最大范围后禁用拖动

我正在使用自定义图像处理Leaflet,其图block是使用“zoomify”生成的。我目前面临以下问题:1)在最小缩放级别上,图像不应可拖动,这是使用map.dragging.disable()实现的。但是当图像当前处于最大缩放级别并且用户正在拖动时会出现问题,因为我不希望焦点超出图block,即用户一旦到达就不应看到“灰色边框”超出界限限制。是否可以使用Leaflet.例如,用户拖动图像,一旦灰色边框开始出现,拖动就会被禁用。虽然它确实通过设置bounceAtZoomLimits:false以及map.fitBounds()返回到当前位置,但这只是在用户结束拖动时。2)在双指缩放时

javascript - Openlayers 和捕获拖动事件

我正在使用OpenLayers,我需要能够区分map何时被我自己的脚本或用户移动。是的,我知道我可以使用moveend。但它也会在同一脚本根据来自ajax调用的传入数据移动或重新定位map时触发。所以moveend或其他map事件将不起作用。我做了一些谷歌搜索并找到了OpenLayers.Hander.Drag。但我用它所做的一切就是阻止用户拖动map。我的脚本:this.dragger=newOpenLayers.Handler.Drag('',{'dragStart':function(evt){this.userdragged=true;console.log('drag');}

javascript - 在 JQuery 插件中拖动元素时禁用悬停、文本选择等

我有一个轮播基于:http://nooshu.com/explore/jquery-iphone-animation/当您在抓取和拖动过程中时,您很容易选择文本。如果面板中有链接,我会收到悬停消息等...我想禁用所有这些,因此当您在拖动过程中时,其余的交互将被禁用。想法? 最佳答案 像这样创建一个样式类:.unselectable{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;-ms-user-selec

javascript - jquery 可拖动事件更改子元素的 css

你好,请看这段代码$('.new-div').draggable({containment:"#bord",create:function(){$(".new-div").css("width",'auto');},drag:function(){$(".new-div").css("width",'auto');},start:function(){$(".new-div").css("width",'auto');},stop:function(){$(".new-div").css("width",'auto');}});$(document).on("click",".clos

javascript - 使用子元素拖动父元素

我想制作类似导航栏的东西,它可以移动整个元素,而不允许拖动整个父元素上的任何地方来控制拖动。例如:content在标题栏上拖动会拖动它所在的整个窗口,但在窗口容器的其他地方拖动不会拖动窗口。我尝试使用dragresize但我不能用他的代码只制作可拖动(不想调整大小)的对象。 最佳答案 我一直在寻找类似的东西,但在jqueryui中,因为我已经在我的项目中使用它,所以如果你已经在使用JQUERYUI,你可以识别你想要拖动的句柄。这是一个工作示例:http://jsfiddle.net/VPMFs/.undraggable{height

javascript - 如何为可调整大小的 jQuery UI 元素启动调整大小功能(触发句柄拖动)

当前正在动态创建一个resizable当我点击屏幕时mousedown上的元素。jQueryUI自动添加句柄以允许用户单击并拖动以随后调整元素的大小。我想触发句柄,这样只要用户没有触发mouseup,他们就会调整新创建的元素的大小。我在文档中找不到任何显示单击这些句柄时触发的事件的内容。在创建元素、放置在屏幕上并设置为resizable后,我尝试在句柄上执行mousedown和click。这些都不起作用。有谁知道如何触发调整大小操作的开始?或者,如果有人知道如何记录jQueryUI事件,我可以使用它来查看单击句柄时发生的操作,遵循相同的路径,并在此处发布我的结果。

javascript - 插入或拖动后重新索引对象数组的算法 'n' 放置顺序更改

假设我有一个对象的索引数组,例如包含流行民歌台词的对象;)varlyrics=[{line:2,words:"He'salumberjackandhe'sokay"},{line:1,words:"I'malumberjackandI'mokay"},{line:3,words:"Hesleepsallnightandheworksallday"}];我的比较器将根据每个对象的索引在View中显示对象。我希望能够在此阵列上执行三个任务:任务1)在拖放时重建索引通过拖放重新排列对象的顺序。假设我已经知道如何实现拖放。任务示例:将“He'salumberjackandhe'sokay”从索