droppable

    0热度

    3回答

    我正在使用div在单元格内的表格上工作,并且我希望该div可以放置。 当我在div中放入某些东西时,会在第一个div下生成一个新的div。 但动态生成的div必须是可放开到现在是不是...... 这里是一个div创建: // in a loop with i divCreate = $("<div>", { id: "divCreate" + i, class: "droppable" });

    0热度

    1回答

    我正在寻找任何指令或任何与angularJs一起使用以在DOM中动态地拖动或放置元素的东西。 就像在DOM中有一个可拖动的元素,我想使它可以droppable并禁用其可拖动的属性。 我检查了很多指令。任何人都可以给我一些建议

    2热度

    2回答

    尽管有大量的Google搜索,但我一直在为这种奇怪的行为而撕裂我的头发! 我已经创建了一个可拖动的div元素,以及一系列应该在悬停时突出显示的可放置div。当我点击并拖动时,我的助手的行为如预期的那样,但是我的可放置的div不会......鼠标右侧一半屏幕上的可放置元素是突出显示的元素,这与y轴看起来特别奇怪似乎正常工作。这里是我试图做的简化和匿名小提琴显示的行为:Fiddle 我相信它可能与我使

    0热度

    1回答

    我尝试拖放一个div(.delivery),这是在另一个div(#newDeliveries)到另一个(#deliveriesByVehicle)。 当我将.delivery放入#deliveriesByVehicle时,交付将自动置于#deliveriesByVehicle的右上角,然后将其移动到合适的位置。 当我垂.delivery(它与“TOUS LES公告”(源)和“Livraison相提

    0热度

    1回答

    我想绘制图像到几个盒子而不是垃圾箱。我试过了,但我很难解决这个问题。有没有人有想法,如何解决这个问题? 这是我试了一下: 改变HTML: <div> <div id="drop1" class="drop"> <h4 class="ui-widget-header"><span class="ui-icon ui-icon-trash">Trash</span> Box 1</h4> </d

    1热度

    1回答

    我目前使用codef0rmer/angular-dragdrop插件角js和它有一个“onOver”事件处理程序等中的jQuery UI 目前我有一个可投放元件 <div jqyoui-droppable="{multiple:true, onOver:'highlightRow'}"> 当我拖动一个拖动元素调用没有问题的功能“highlightRow”,这里是功能 $scope.highli

    0热度

    3回答

    我有一个页面,其中包含可放置元素a1以及可排序的特定元素a2。放入a1的文件被读取并存入a2的可排序列表中。上传和排序脚本不包含在我的代码中,因为它们与问题无关。 问题是,如果任何文件被丢弃到a1以外的任何位置,浏览器将尝试打开文件以在浏览器中显示。这是图像文件相当明显.. 我试图禁用一切,但a1用下面的代码,但是这仍然没有出现已经奏效,我仍然得到不想要重定向... 我GOOGLE了我的屁股在这里

    0热度

    2回答

    我正在尝试这样做:当您将粉红色框拖入拖放区域时,粉红色框变为蓝色。 通过在jquery中添加一个类或css。 目前为止的代码。所以,“每个”是粉红色的,我想一个类添加到这个曾经是已在预览 $('.page').click(function(){ $(this).draggable({ revert: "invalid", // when not dropped, the

    2热度

    1回答

    就像我尝试在我的图像中解释的一样,我希望能够将项目从“项目列表”拖放到任何可能的拖放区域。 我还需要: - 能够从一个可能的放置区域拖动项目到另一个。 - 能够重新排列每个可能放置区域内的物品。 我在这里发现了一些类似的解决方案,但找不到合适的解决方案。 这是一个接近我需求的代码。 $(function() { $(".dropTarget").sortable({ reve

    0热度

    1回答

    我想让它拖动一个可拖动的对象(a)到一个可拖放的对象(b)上时,会触发b的拖放事件并将a恢复到原始位置。这可能吗? b.droppable({ drop:function(event,ui){ ui.draggable.revert <---- REVERT THE DRAGGABLE OBJECT TO ORIGINAL POSITION HERE } });