jquery-ui-draggable相关内容

将 Draggable 连接到 Sortable 会导致辅助元素跳转

我在页面上有一个 jQueryUI 可拖动对象和一个可排序对象. 将一个元素从可拖动元素拖到可排序元素会导致被拖动的元素跳到页面的左上角. 这是演示:http://jsfiddle.net/travisrussi/aBhDu/1/ 复制: 将“项目 5"从可拖动的 div(顶部框)拖到可排序的 div(底部框) 实际结果: 当拖动到可排序对象上时,第 5 项跳转 ..

可拖动的可调整大小在 Chrome 中不起作用

我在 chrome 中将可调整大小和可拖动的图像一起工作时遇到了一些问题.我的页面侧面有一个(可拖动)图像列表,可以将其拖放到 div 上(图像被克隆).放置的图像应该是可调整大小和可拖动的.我编写了以下 Javascript: $(function() {$(".scrollable").scrollable();$(".draggable").draggable({助手:'克隆',附加到:“ ..

如何使用 jquery ui 可拖动突出显示悬停时的可放置​​区域

我实际上有两个问题,标题中的 on 是主要问题.我在标记为可放置的页面上有多个 div 元素.在这些 div 元素中,我有标记为可拖动的跨度.我想要它,所以当您拖动一个元素并将其悬停在可放置区域上时,该区域要么突出显示,要么具有边框,以便他们知道可以将其放置在那里. 作为第二个问题,我所有的可拖动元素都有一个 display:block、一个宽度和一个浮点数,所以它们在我的可放置区域看起来很 ..

HTML 5 拖放相对于 jQuery UI 拖放的优势

我正在编写一个新的 Web 应用程序,它需要支持页面上元素的拖放操作(不是文件拖放). 这就是这个问题的答案 html5 vs jquery拖放 建议使用 Modernizr 来检查浏览器是否支持 HTML5 拖放,并使用该支持或回退到 jQuery UI 等替代方案. 由于它们具有完全不同的模型,这意味着所有拖放代码都必须单独实现和测试(很少有共享实现).如果 HTML5 ..
发布时间:2022-01-11 21:04:22 前端开发

jQGrid 拖放行检查

我的主网格将行正确拖放到辅助网格中.我的问题是,如何在将行放入辅助网格之前执行检查,以确定我尝试删除的行是否已经存在?如果它已经在二级网格中,不要让用户把它放在那里,基本上停止拖放功能. 我想我可以从我试图删除的行中获取键值.然后,检查该值是否已经作为我已经删除的行之一中的键值存在.我假设我将不得不以某种方式使用此功能: beforedrop : function(e,ui,data,so ..
发布时间:2022-01-11 20:58:25 其他开发

在父框架和子 iframe 之间拖放元素

我正在尝试使用 jQuery 在父框架和 iframe 之间拖放元素.我在父框架中有一个面板,其中包含一些可拖放到子框架上的可拖动项目.我试图搜索很多,但找不到很多... 我试图通过在子框架内附加元素然后尝试以编程方式在新插入的元素上触发可拖动来解决它,但我也被困在那里.找不到触发拖动功能的正确方法.(可拖动元素有一个助手.当我通过触发“mousedown.draggable"触发拖动时,u ..

当我制作一个可拖动的克隆并将其放入可放置的对象中时,我无法再次拖动它

当我制作一个可拖动的克隆并将其放入可放置的对象中时,我无法再次拖动它.我怎么做?其次,我只能弄清楚如何通过 .append 将克隆添加到可放置对象中.但随后它会在任何现有元素而不是放置位置之后捕捉到左上角. $(document).ready(function() {$("#container").droppable({下降:函数(事件,用户界面){$(this).append($(ui.dra ..

jQuery 上下文菜单与 jQuery Draggable 冲突

我正在尝试 jQuery 上下文菜单 和 jQGrid. 我遇到的问题是,自从我添加了 jQuery 上下文菜单 可拖动操作在单击时触发(以及正常拖动).当我右键单击一行以获取菜单,然后在其外部单击另一行(以丢弃菜单)并且该行开始跟随光标时,它看起来有点奇怪. 它是否与以下 jQuery 上下文菜单片段中的 evt.stopPropagation(); 有关? $(this).mou ..

jQuery Droppable,让元素被删除

一个小问题,希望有一个简单的答案,我正在使用 jQuery 可拖动和可放置将项目放入停靠栏.使用以下代码进行放置. $("#dock").droppable({下降:功能(事件,用户界面){//对掉落的元素做些什么?!?}}); 但是我无法找到一种方法来获取实际删除的元素,所以我可以做点什么.这可能吗? 解决方案 来自 drop 事件文档: 这个事件在接受的可拖动对象被拖放到“上 ..

当元素被拖动到另一个容器并捕捉到另一个容器时,如何强制 jquery 将其居中?

我想要一些方形的可拖动对象(在这种情况下只是 带有数字的框)能够捕捉到一些空的表格单元格并捕捉到那些的中心单元格(空 td 框),而不是那些单元格的(外)边缘,这似乎是默认情况下所做的. 这是我的脚本.: $(document).ready(function () {$(".inputs div").draggable( {快照:“.spaces"});}); 编辑:这是整个文 ..
发布时间:2021-12-17 22:08:53 前端开发

JqueryUI,将元素拖动到包含大表的滚动可放置 div 的单元格中

我遇到了拖放问题. 我希望始终看到正在拖动的元素,并且我希望能够滚动特定的 div 以将元素放到表格的任何单元格中.我还希望能够将元素从任何 div 拖动到任何 div. 这个例子几乎可以正常工作.我的最后一个问题是关于单元格 hoverClass 属性:当我从“容器 B"的边界附近的“容器 A"拖动一个元素时,我实现了一个自动滚动行为以在我的表到达任何单元格.但是,在滚动模拟之后,h ..
发布时间:2021-12-17 22:07:01 其他开发

jQuery UI – 可拖动的 'snap' 事件

我正在寻找一种绑定 snap 事件的方法. 当我在我的表面上拖动一个元素并且 draggable 元素被捕捉到一个声明的捕捉位置时,我想触发一个事件. 像这样: $(".drag").draggable({快照:“.grid",捕捉:功能(事件,用户界面){}}); 加分点:参考 .grid 元素,其中 draggable 元素被对齐. 解决方案 draggable 小部件 ..
发布时间:2021-12-17 21:59:52 其他开发

jQuery 拖放 - 检查可放置对象外的放置

如果在另一个问题中回答了这个问题,我很抱歉,我找不到特定于我的问题的答案! 我正在尝试测试 jQuery 可拖动对象是否被放置在合法可放置对象之外.这通常可以通过恢复可拖动来解决 90% 的时间,但我不想这样做.相反,如果将可拖动对象放到可放置对象上(效果很好!),我想做一件事,如果将其放置在所有可能的可放置对象之外(目前让我变得更好!),我想做另一件事. 简而言之: jQuery( ..

如何以编程方式调用 jQuery UI Draggable 拖动开始?

我在鼠标处于向下位置之后和释放之前创建了一个新的 jQuery 元素.(鼠标按下后). 我想使用 jQuery UI 以编程方式在新元素上触发 dragging,以便它会随着我的鼠标移动自动开始拖动.我不想必须松开然后再次单击鼠标. 我尝试了以下... var element = $(" ");element.appendTo("body").draggable().trigger( ..
发布时间:2021-12-17 21:43:22 其他开发

JQuery 可轻松拖动

我想用Jquery的draggable来实现轻松的效果.但是我没有在这个插件中找到这个选项.所以我想知道是否有其他插件有这个选项 - 或者一个简单的解决方案. 我想要达到的效果是这样的:http://www.fileden.com/files/2009/6/4/2466215/dragease.swf 如您所见,在拖动时,由于缓动,图像移动感觉更加平滑.我还想将拖动限制在一个轴上,还需 ..
发布时间:2021-12-17 21:42:52 其他开发