问题标签 [jquery-ui-droppable]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery-ui - jQuery UI droppable:悬停时调整元素大小不起作用
我有一个 jQuery UI 可拖放元素,当可拖动元素悬停在它上面时,我希望它变得更大。我已经尝试使用 hoverClass 选项并绑定到 drophover 事件。
从视觉上看,这两种方法都可以正常工作。然而,一旦可拖动对象退出可放置对象的原始(较小)边界,jQuery UI 会将其解释为“dropout”,尽管它仍在当前(较大)边界内。
例如,js:
CSS:
在这种情况下,当可拖动对象悬停在可放置对象上时,可放置对象的大小在视觉上会增加到 200 像素。如果此时,可拖动对象向下移动了 20px,我希望它仍然悬停在可放置对象上。相反,jQuery UI 触发 dropout 事件,并且 droppable 恢复为 10px 高。
任何人都知道如何让它以我期望的方式运行?
jsFiddle 示例:http: //jsfiddle.net/kWFb9/
jquery - append() 做了两次!在脚本的一部分 jQuery + UI
我不明白为什么这样append()
做两次。
这是一个回调函数,对应于拖动发生后必须做的事情。(用户界面)
做了一堆处理来识别拖拽的 div 和一些我们想要显示的对应文本(这是一种“选择一个答案并在正确的情况下拖放它)。在放置顺序中:
我得到了一个已经存在的 div (display:none) 的 html,并想将它添加到我们刚刚显示的 div 中。这样我们就可以将好的内容注入到答案 div 中。但是这个 append() 完成了两次工作(?),我得到了两次文本。
jquery-ui-droppable - jQuery UI Droppable & iScroll
我将 iScroll 与 jQuery UI Drag&Drop 一起使用。iScroll "Scroller"-Div 包含 2 个子项:一个可缩放的图像和一个可放置的 div。
如果我放大,可放置的 div 似乎也会调整大小,到目前为止还可以。但是,如果我放大并尝试在 droppable 上放置一个可拖动对象,则功能放置区域仍然很小,就像没有放大一样,并且位于放大后的 droppable 的左上角。
我不知道问题出在哪里,希望您能帮助我解决这个问题。
javascript - jquery ui拖动和排序 - 2次出现的拖放项目
请在这里检查我的问题 - http://jsfiddle.net/EhQZH/17/
描述:我有一个三个列表 A、B 和 C,列表 B 嵌套在列表 A 中。列表(A 和 B)都可以接受列表 C 中的列表项
当我将列表项从 C 拖到列表 B 时,列表项包含两次,一个在 B 中,另一个在 A 中。我想避免这种情况。我想在 A 或 B 中出现一次列表项,然后将其删除。
我已经应用了排序,拖放等。但我认为我做错了什么,找不到它。
请让我知道你的建议。
jquery - jQuery拖放 - 每个“丢弃”项目的不同模式?
刚刚回答了我的另一个问题(模态在下降时没有打开)。现在我有一个新问题:
#cornDialog是当玉米片掉落时将打开的模式。li.corn是“可拖动”的一块玉米, #plate 是“可放置”的 div,但正如您所见,它无法知道正在拖动/放置哪个元素,因此#cornDialog将为每个项目打开. 我需要一种方法来为每块食物(火鸡腿、苹果等)打开一个不同的对话框。说得通?
javascript - jQuery拖放 - 检查droppable之外的拖放
如果在另一个问题中回答了这个问题,我深表歉意,我找不到特定于我的问题的答案!
我正在尝试测试是否将 jQuery 可拖动对象放置在合法可放置对象之外。这通常可以通过恢复可拖动对象在 90% 的时间内解决,但我不想这样做。相反,如果将可拖动对象拖放到可拖放对象上(工作得很好!),我想做一件事,如果将其拖放到所有可能的可拖放对象之外(目前让我变得更好!),我想做另一件事。
简而言之:
我觉得我错过了一些非常明显的东西......在此先感谢您的帮助!
javascript - 如何使用 jQuery 或 JavaScript 定义另一个元素的 td-elements?
在开发海战客户端的过程中,我偶然发现了这个问题。我有两个面板:带船和带板。看看这个画面:
每艘船和游戏板都是一张桌子。表格的每个单元格都有它的 id (1-100)。我使用“可拖动”插件拖动我的船。Board 是一个“可放置”的元素。我如何定义船舶所在的那些 td-board 元素?例如,在该屏幕上,应注意 id 为 12、13、14、15 的单元格。
jquery - jQuery 可拖动还原:函数()不能返回“无效”
所以我想要在一个可拖动对象被还原时执行一段代码,因为它没有被拖放到一个可放置对象上。不幸的是返回“无效”;似乎不起作用,revert 就像 revert:true; 有什么建议我可以解决这个问题吗?
jquery - Javascript 按数字层次排序(从 div 中提取)
我有一组通过 Jquery ui Draggable/Droppable 克隆的 div。
原始元素具有数字 ID(1、2、3 等),这决定了它们的层次结构。克隆的元素 ID 附加前缀“clone_”,以便它们保持唯一:
我的问题是,如何根据它们的层次结构对克隆的项目进行数字排序?我可以找到号码:
但我无法弄清楚下一步。谢谢。
jquery - 可拖放功能
假设我的左侧有一些可放置的 div,标题为 zone 1 - 4。
还有一些在我右手边的可拖动物品
我知道我可以将它们设置为可拖动和可放置,如下所示:
现在,当水果掉入一个区域时,我将如何触发一个函数来启动,该区域将给出它被丢弃的位置(区域 1、区域 2 等)以及在那里丢弃的水果。理想情况下,我不想要水果名称,我想要一个与水果相关的 ID,可能隐藏在隐藏的输入标签或其他东西中?