草庐IT

ruby-on-rails - capybara 'drag & drop' 不工作

我在Mac上使用cucumber/capybara/selenium/firefox。除了d&d之外,一切都很好。可通过drag_node.drag_to(drop_node)进行拖放操作。调用时,它不会引发任何错误,但实际的拖放操作从未发生。现在我找到了thissampleapp,而不是复制粘贴点点滴滴。(由一个显然有类似问题的人写的)证明了这个问题。但是Google并不知道drag_to()被破坏了。据我所知。这给了我希望是我遗漏了一些东西而不是错误。那是什么?我错过了什么?错误? 最佳答案 对我来说,#drag_to确实有用,

javascript - 结合 AngularJS、jQueryUI、Angular-Drag-Drop 排序列表

我遇到以下情况,我需要允许用户从列表中选择对象并将它们拖/放到某个插槽中:对象的大小可以是插槽的一到三倍。所以如果用户将Object1拖到Slot0,那么它只占用Slot0(startSlot=0和endSlot=0)。但是,如果用户将对象3拖动到插槽3,则它会占用插槽3、4和5(startSlot=3和endSlot=5)。将对象放入槽中后,用户可以通过在槽中单击并上下拖动对象来重新排序对象。对象不能相互重叠:我正在使用Angular,所以我正在从数据库中读取对象列表,并且我有一个槽数变量。我尝试了几种解决方案。我相信使用jQuery和jQueryUI可拖动、可放置和可排序是解决方案

javascript - 拖动以像在 iPhone 中一样使用 jQuery 更改图像幻灯片

我正在为我的站点使用超大型jquery插件。它带有下一张和上一张幻灯片的按钮。我想在其中实现拖动更改功能。如果有人点击并将鼠标向右移动,它应该充当下一张幻灯片按钮。但是我如何使用jquery来实现呢?我怎么知道用户何时单击n向左/向右拖动http://buildinternet.com/project/supersized/ 最佳答案 jQuery将mouseUp、mouseDown和mouseMove识别为事件。您必须在mouseDown上捕获鼠标位置,在它移动时更新位置并将其与您最初捕获的位置进行比较。虽然这是高度理论化的,但请

javascript - IE8 : drag'n'drop files to a webpage

是否可以在IE8中不使用Java等第三方插件? 最佳答案 简答:否长答案:howtodeterminethepresenceofHTML5drag’n’dropfileuploadAPI 关于javascript-IE8:drag'n'dropfilestoawebpage,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2652780/

javascript - 将 jQuery 事件应用于所有类元素?

我有以下代码,允许运行iOS的用户移动同类.drag在页面上左右。当存在一个.drag时,这很好用,但当它有两个实例时无法工作。是否可以让代码找到所有的,然后允许它们可拖动?vardrag=$(".drag")[0];xPos=drag.offsetWidth/2;yPos=drag.offsetHeight/2;drag.addEventListener("touchmove",function(){event.preventDefault();$(this).css({'left':event.targetTouches[0].pageX-xPos+'px','top':event

javascript - CSS/HTML5 :hover state remains after drag and drop

我正在使用html5的拖放功能在屏幕上重新排列dom元素-我在执行此操作时将css行为附加到拖放的各种状态,但我遇到的问题是悬停状态保持均匀在我拖放和鼠标移出DOM元素之后。这是我的代码:JavaScript:functionaddDragListeners(){$('.segmentListItem').each(function(index){$(this)[0].addEventListener('dragstart',handleDragStart,false);//rolloverforcurrent$(this)[0].addEventListener('drop',han

javascript - 拖放跨域、iframe、浏览器窗口

感谢stackoverflow,我解决了很多javascript问题,但现在我毫无希望地停在了这一点上。很难描述,有清晰的视频显示了拖放跨域iframe的问题。http://www.youtube.com/watch?v=v65mO27h75EIceweasel(和FF、Opera)中的第一部分=iframed&d工作正常。Chromium(和Chrome)中的第二部分=iframed&d不工作。并且有指向示例iframe集和iframe源的链接:父页面:http://msdrop.com/msdrop-jquery-test-iframe-frameset.htmiframeA:ht

javascript - D3js : Dragging a group by using one of it's children

Jsfiddle:http://jsfiddle.net/6NBy2/代码:varin_editor_drag=d3.behavior.drag().origin(function(){varg=this.parentNode;return{x:d3.transform(g.getAttribute("transform")).translate[0],y:d3.transform(g.getAttribute("transform")).translate[1]};}).on("drag",function(d,i){g=this.parentNode;translate=d3.tr

javascript - 拖动 D3 节点时防止单击操作

我可以点击D3节点来获取alert();信息。我也可以拖动D3节点,但拖动也会在释放鼠标时触发点击行为。有没有办法防止拖动节点后的点击行为?这是我称之为拖动的地方:varnode=svg.selectAll(".node").data(graph.nodes).enter().append("g").attr("transform",function(d){return"translate("+d.x+","+d.y+")"}).on("click",function(d){if(d.user_id!=""&&d.user_id!=null){parent.parent.openUse

javascript - d3.js 散点图 - 缩放/拖动边界、缩放按钮、重置缩放、计算中位数

我已经构建了一个具有缩放/平移功能的d3.js散点图。您可以在此处查看完整内容(单击“在新窗口中打开”以查看完整内容):http://bl.ocks.org/129f64bfa2b0d48d27c9有几个我一直无法弄清楚的功能,如果有人能指出正确的方向,我会很乐意帮助它:我想对区域应用X/Y缩放/平移边界,这样您就不能将其拖动到特定点(例如零)以下。我还尝试过创建Googlemap风格的+/-缩放按钮,但没有成功。有什么想法吗?更不重要的是,还有几个领域我已经找到了解决方案,但它非常粗糙,所以如果您有更好的解决方案,请告诉我:我添加了一个“重置缩放”按钮,但它只是删除图表并在其位置生成