jjzjj

Droppable

全部标签

javascript - 获取 JQuery ui.draggable 的属性

我正在使用JqueryUI在我的一个页面上进行拖放,但出于某种原因,我似乎无法获得传递到我的可放置放置事件中的ui.draggable对象的属性。ui.draggable.attr("src")和$(ui.draggable).attr("src")都返回undefined,但是如果我键入ui.draggable.html(),我将取回html。有什么想法吗? 最佳答案 我想通了。解决方案是调用ui.draggable.find("img").attr("src"),我只是假设ui.draggable对象是一个图像。

javascript - Angular ng-sortable - 它如何工作的基本示例

情况:大家好!在我的应用程序中,我有一种看板:有一些列,每个列都包含一个项目列表。我需要在列之间拖放项目并在同一列内重新排序。我之前尝试过三个与拖放(前两个)和重新排序(第三个)相关的Angular模块:ngDraggable:https://github.com/fatlinesofcode/ngDraggableAngular拖放:https://github.com/codef0rmer/angular-dragdropAngular用户界面可排序:https://github.com/angular-ui/ui-sortable它们很好,有很好的文档,但似乎无法同时进行拖放和重

javascript - 在使用 jQuery 拖动时向元素添加 CSS 类

是否可以在元素被拖动到特定区域时向其添加CSS类,并在元素被放下时替换该类?我不是到处寻找这个功能,而是只在特定区域寻找。 最佳答案 是的,这当然是可能的。jQueryUI提供了一些方便的选项和事件来执行此操作。对于初学者来说,可拖动元素在被拖动时总是可以被.ui-draggable-dragging类引用。droppable方法然后提供一个名为over的事件,只要将有效的可拖动对象悬停在其上,该事件就会执行一个函数。因此,在该函数中,我们可以引用.ui-draggable-dragging并向其添加一个类。还提供了Out和drop

javascript - JQuery 用户界面 : Cancel Sortable upon Droppable Drop

我正在使用JQuery1.5.1和JQueryUI1.8.11。我已经为一些项目添加了sortable-这里的任务是允许拖动排序,这一切都很好。但我还想合并droppable,这样项目就可以放到“复制我”区域-那里的任务将是复制项目(我稍后会解决这个问题)问题是可放置的目标位于可排序列表的底部(我不想移动它)并且一旦发生放置,可排序的项目就会移动到列表的底部。我想做的是在drop事件触发时取消这种排序。Youcanseemyprobleminactionhere(只需将“Item1”拖到“DroptoCopyItem”区域,您会看到排序没有被取消)如您所见,我已经在可放置的“drop”

javascript - jquery draggable droppable remove 掉落

如何从购物车中删除商品?自然地,您希望能够将项目拖放回去。$(function(){$("#catalog").accordion();$("#catalogli").draggable({appendTo:"body",helper:"clone"});$("#cartol").droppable({activeClass:"ui-state-default",hoverClass:"ui-state-hover",accept:":not(.ui-sortable-helper)",drop:function(event,ui){$(this).find(".placeholder

javascript - 如何在不实际拖放的情况下使用 jQuery UI Droppable 触发 Drop 事件?

我有一个带有放置事件处理程序的droppable:$(this).droppable({drop:function(){console.log('OMGYouDroppedIt!');}});我有一个可拖动:$(this).draggable();我想做的是在droppable上触发drop事件处理程序,而不实际拖放draggable。我想模拟实际行为而不实际执行该行为。我认为这样的事情会做:$(droppable).trigger('drop',[draggable]);不幸的是,事情并没有那么简单。有谁知道我怎样才能做到这一点? 最佳答案

php - jQuery-UI - 从 .droppable 到 p.array 的 .append(快到了!)

该站点使用.draggable和.droppableUI从span标签附加玩家ID。这被附加到以下段落中:来自这些divDROPPLAYERSINTOAREASBELOWGoalsAssistsYellowcardRedcardCaptain通过这个javascript(减少到需要的代码)$(function(){$(".droppable").droppable({activeClass:'dragactive',hoverClass:'drophover',drop:function(event,ui){$(".array").append(ui.draggable.childre

javascript - 如何在 HTML/使用 CSS 中制作 "non-droppable group"?

是否可以在HTML中/使用CSS创建一个“不可删除的组”?例如,如果我有一个像这样的简单元素:Name:Item给定足够的尺寸(宽度),它会被渲染成这样:但如果宽度变得太小,Item标签和TextBox将被“丢弃”在Name标签下方,如下所示:是否可以创建这样的行为,即当宽度较小时,将调整文本框大小,但标签将保留在文本框的左侧和右侧,而不是被“丢弃”?举例说明:Onlargescreen:Name:||ItemOnsmallscreen:Name:||Item如果这必须使用Javascript完成,我也同意使用Javascript的建议答案。 最佳答案

javascript - 如何在 HTML/使用 CSS 中制作 "non-droppable group"?

是否可以在HTML中/使用CSS创建一个“不可删除的组”?例如,如果我有一个像这样的简单元素:Name:Item给定足够的尺寸(宽度),它会被渲染成这样:但如果宽度变得太小,Item标签和TextBox将被“丢弃”在Name标签下方,如下所示:是否可以创建这样的行为,即当宽度较小时,将调整文本框大小,但标签将保留在文本框的左侧和右侧,而不是被“丢弃”?举例说明:Onlargescreen:Name:||ItemOnsmallscreen:Name:||Item如果这必须使用Javascript完成,我也同意使用Javascript的建议答案。 最佳答案

HTML Input Droppable + Libre Office

我有一个可放置的输入。1-当我拖放html文本时,拖放有效...2-当我拖放一个gedit(blocnotelinux)时,拖放有效3-但是当我想从LibreOfficeWriter或计算器,它不起作用...如果有人可以帮助我,我已经创建了一个fiddle...:http://jsfiddle.net/CnwvC/附代码htmlblablatotesttodrop 最佳答案 而不是gedit,LibreOffice文本内容不是纯文本。这可能是它不允许您将其内容拖放到输入框的原因之一。一个有趣的事实是,如果您将网页中的内容拖放到Wri