问题标签 [jquery-draggable]
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.
javascript - 如何使用 jQuery UI 制作可拖动、可排序、可放置的卡片?
我想把扑克牌拿在手上,但要让它们可以放在新的空间里。手中的卡片也应该是可重新排序的(可排序的)。
这是我为 JS 尝试过的:
但它并没有真正起作用......如果它们没有被丢弃,它们不会恢复到它们的旧空间,如果它们被丢弃,它们也不会被正确地附加到新空间中。(虽然如果它们被丢弃,它们会发生一些事情,但目前还不清楚是什么。)
如何使它起作用?
html - HTML5 拖动问题:光标和拖动文本之间的偏移
我正在尝试在我的 html 页面中实现拖放,这似乎工作正常。我看到的唯一问题是,当我开始拖动可拖动文本时,光标和正在拖动的文本之间存在垂直偏移(如下图所示)。有什么办法可以补偿这个偏移量吗?
PS:这是一个更大项目的一部分,这就是我无法在此处粘贴代码的原因。
jquery - 如何在没有遏制的情况下在有限区域内拖动对象
我有一个项目管理系统
有一些 div 是甘特图,它们是可调整大小和可拖动的,如何在Jquery UI上为红色潜水从左侧和顶部(出于限制)制作边框或区域?
这是我的甘特图:
红色潜水(工作)不能比他们的父母(项目)向左和更高。 我不能用收容措施做到这一点
(两个红色潜水是工作,他们的父 div(绿色 div)是一个项目)
javascript - Jquery Draggable Throwing错误
嗨,以下是我的代码片段。我想要做的是我想在img
里面找到image_div
并附加draggable
事件。
上面的代码向我抛出以下错误
javascript - 属性。ID 只工作一次,尽管 ID 不同
这是我的网站: http: //marmiteontoast.co.uk/fyp/login-register/register-username-builder.php
当您从右侧拖动图块并将其放入彩色框中时,它会向可放置对象添加一个 ID(您自己试试看)。
这适用于数字 1。瓷砖和盒子,但其余的......它什么都不做。没有添加 ID。
这是添加 ID“droppedOne”的代码,效果很好:
jquery - AngularJS - jQuery Droppable
我在 AngularJS 应用程序中实现一个简单的 jQuery droppable 时遇到了问题。
出于某种原因,代码正在我在 Fiddle 上设置的独立页面上运行:http: //jsfiddle.net/65FMq/3/
但是,由于某种原因,当我在 myApp 中添加相同的代码时,它不起作用。基本上,一旦您启动应用程序 (index.html),您就会进入主页,其中包括 app.js、其他控制器、css 等。
然后,一旦您单击菜单项照片,我就会显示“照片”状态(这是一个单独的 html 文件)。然后,用户可以从那里选择他/她想要购买的一张照片,当他点击购买按钮时,使用 ng-click"buyPhoto(photos)",我隐藏显示可用照片的 div 并显示div 包含有关该照片的更多详细信息。
在那里,除了照片上的信息外,我还显示了一个网格,其中包含用户可以订购照片的所有可能尺寸,他需要将他想要的尺寸拖放到订购栏(可放置区域)。但是,由于某种原因,即使加载了所需的 jquery css/js 文件并且照片缩略图(将是上面小提琴中的单元格)设置为可拖动,我也没有获得拖放效果。
这是我的 app.js:
这是我的照片Ctrl:
照片部分 html 文件中的 HTML(片段)(其中包含发生角度重复以生成所需单元格和行的位置,并显示行被赋予可拖动类):
javascript - 如何将 jQuery Ui Draggable 与中继器集成
我想将 jquery ui 与Repeater 一起使用。所以它会像我单击按钮时一样工作,可拖动对象将使用 id 克隆。到目前为止,它是这样做的,但问题是克隆可拖动框没有移动。
请查看...
我想要您最好的建议,克隆 Draggable 框也可以是 Draggable ,我可以获得每个框的不同 id ...
html - 启用滚动和拖动时 IE 上的 div 问题
我启用了拖动和滚动的 div。在启用拖动之前,滚动工作正常,因为我使 div 可拖动,滚动给出了一些奇怪的行为。当我单击滚动条时,滚动事件似乎没有完成,div 继续拖动。问题仅在 IE 浏览器上。
jquery - Jquery UI Draggable 不起作用 - 添加了 ui-draggable 但没有拖动事件
我在用
用于获得 x-draggable 功能。
我有以下js文件的顺序:
我们知道 draggable 正在工作,因为 ui-draggable 类被添加到元素 .swipeenabled
但是,拖动功能不起作用。可能的原因有哪些?jquery 和 jquery-ui js 文件没有损坏。我已经检查过了。