cost 360 ms
在 rails 6.0.0 中使用外部 javascript 库时遇到问题 - Trouble using external javascript libraries in rails 6.0.0

我正在尝试在 rails 6 中使用 interact.js,但我无法让它工作。 我是一个新手,所以这可能是一个常见问题,但我如何正确导入一个外部库,如interact.js。 我已经尝试了我在网上找到的所有东西,所以我想我正在寻找错误的东西。 任何帮助将不胜感激,在此先感谢! ...

如何限制 interact.js 中的拖动元素 - how to restrict drag elements in interact.js

我试图阻止我的元素使用 interact.js 重叠,但我不知道如何让 n 元素能够做到这一点。 有人有想法吗? 或者我可以通过其他方式验证它。 尝试解决这个问题,但我不明白如何通过它获取到 go 的元素列表。 在此处输入链接描述 window.dragMoveListener = dragMov ...

Interact.js 中的垂直可滚动拖放区 - Vertically Scrollable Dropzone in Interact.js

用例: 我要做的是创建一个 pdf 编辑器,因此右侧有文本框等字段,左侧有 pdf。 用户可以将字段拖放到 pdf 上。 (然后在字段中写入并保存,这将生成一个新的 pdf,这部分与问题无关) 请参阅下面的照片以更好地理解 目前的努力: 为了完成我正在使用的任务interact.js 。 (下面 ...

InteractJs - 可拖动项目的动态捕捉到父 div 中的指南 - InteractJs - Dynamic Snapping of draggable items to guideline in parent div

在下面的小提琴中,我与 Js 交互以将子元素捕捉到某个点。 但我无法捕捉蓝色 div 的所有侧面以捕捉到父 div 的中心和 x & y 轴。 JsFiddle: https://jsfiddle.net/n3wLb5vp/1/ 以下是我的快照代码: 您能帮我弄清楚实现该功能的快照 fun ...

多点触控问题上的多个垂直可滚动div - multiple vertical scrollable divs on multitouch problem

我尝试在多点触控应用程序上垂直滚动 2 个文本字段,每个字段都为自己工作,但一旦我尝试滚动两者,只有第一个触摸的字段有效。 这里有解决方法吗? 也许是自定义滚动条的一个例子? 这是一个示例,请在多点触控上进行测试。 #window { height: 200px; border: 1px bla ...

如何在不重置为原始 position 的情况下将元素从一个 div 移动到另一个? (interact.js) - How to move elements from one div to another without resetting to original position? (interact.js)

我正在使用interact.js,并试图将元素分成两个div(要解决的工具箱和矩阵)。 但是,当我尝试实现这一点时,如果元素和矩阵不在同一个 div 中,则元素 go 会回到原来的 position。 我将 div 用于样式设置并希望实现以下样式(解决方案将是一个可自定义的 div,而工具箱将是另 ...

Interact.js - 在 Ember 中拖动单个 div “跳跃” - Interact.js - dragging single div “jumping around” in Ember

我正在使用 Ember,我正在尝试使用 interact.js 库设置一个简单的可拖动 div 示例,但我遇到了一些问题。 我知道该库不会修改 DOM,您需要自己做,这很好。 我正在关注网站上的示例,但我将其翻译为 Ember: https://interactjs.io/docs/dragga ...

interact.js - 拖放区域中可拖动项目的 trello 风格可滚动列表 - interact.js - trello-style scrollable list of draggable items in a droparea

早上好,我创建了一个简单的 trello 风格的界面。 显然我想滚动列中的卡片:这适用于带有鼠标滚轮的台式电脑,但不适用于使用触摸滚动手势的智能手机。 在创建可拖动对象时,我尝试使用“保持”参数,但滚动手势不起作用。 我能怎么做? 谢谢。 ...

动态修改捕捉值 - Dynamic modification of snapping values

我从 interract.js 开始,并尝试弄清楚如何将我的元素捕捉到索引目标中定义的大小。 当我静态设置值时效果很好,但实际上我想动态化这些值,以便每个元素可以相互对齐。 我在文档中没有找到如何做到这一点,您是否有一个研究轨道允许我根据块的位移使值演变,以便它们变得“可捕捉”? 理想情况下,我认为 ...

interact.js SVG rect 捕捉到带有边距的 div - interact.js SVG rect snapping to a div with margins

在这个jsFiddle 中,我有一个SVG interact.js rect,当调整大小时它会捕捉到网格。 这工作正常,直到我开始将边距从零更改为数字。 矩形位于 div #mysvg ,如果我更改 div 的边距,矩形会错误地捕捉(有一个偏移)。 尝试在 CSS 中更改边距: 到: 然 ...

带有点击事件的Vue可拖动元素? - Vue draggable element with a click event on it?

我正在 Vue 中制作一个 Tinder 克隆类型的应用程序。 我正在使用 Vue2InteractDraggable 组件。 该组件非常适合用例。 但我想在可拖动部分有一个点击事件,它不会触发(因为它将点击解释为拖动的开始,而不是点击事件)。 我希望它在单击并松开时使用单击事件,但如果它保持超过 ...

在 D3 中调整大小时使用矩形边界剪辑 SVG 图像 - Clip SVG image with rectangle boundaries when it is resized in D3

在这个jsFiddle 中,我将D3与interact.js结合起来,两者都在SVG工作。 有一个包含矩形和图像的组。 group 类可以调整大小,并且工作正常。 问题是矩形在调整大小时应该剪裁图像(即图像永远不会超出矩形边框),但事实并非如此。 我clipPath使用了 D3 clipPath ...

使用 interact.js 拖放 - Drag and drop with interact.js

我正在尝试构建一个允许在某些元素上调整大小/拖动和旋转的界面,并为此我使用了interact.js javascript 库。 我有我的交互功能工作: 和拖动旋转,允许旋转 这两个类使用 jQuery 进行切换,从而将拖动变为旋转,反之亦然。 我的问题是对象位置和旋转角度没有保持原样,我 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM