jquery-ui-draggable

0热度

1回答

当我将可拖动元素（克隆）拖放到可拖放容器中时，它们从上到下堆叠，是否有反转该方法的方法？我曾尝试向父元素添加一个相对位置，并向可拖动元素添加“位置：绝对;底部：0”，但它不能正常工作，因为它们都保持在完全相同的位置，所以它们不会堆叠在彼此的顶部。的代码和一个的jsfiddle例如： https://jsfiddle.net/f3gzrtar/ HTML： <div class="containt

0热度

1回答

jQuery UI的DIV不能拖动的下降

我面临的问题，当我拖放外部视频格成时间轴，则它不会再拖动 https://fiddle.jshell.net/surjitsidhu/pzmzc2z7/2/show/ https://fiddle.jshell.net/surjitsidhu/pzmzc2z7/2 我不知道，为什么它冷冻

0热度

2回答

jQuery droppable - 在持有div“over”可投放区域2秒后触发特殊事件

我试图创建一个函数，只有当可拖动区域在可投放区域至少持续2秒时才会执行此功能。这意味着如果可拖动的内容在2秒内被删除或删除，则该函数不会执行。我自己的逻辑把我带到了下面的方向，这看起来是否正确？ over: function(){ // Execute a timeout function after 2 seconds }, out: function(){ // Ca

0热度

2回答

拖动对象时更改拖动对象开始

我想创建一些像UI设计器的东西。所以我有一个'工具箱'和'画布'。当我将工具箱项标记为可拖动时，我可以拖动它们。但我需要的是拖动副本，以便可以将工具项的多个实例拖动到画布上。 $('.tool-box-item').draggable({ helper : 'clone', drag : function (event, ui){ // jQuery does no

0热度

2回答

计数两个可放入物体内的物品

我有一个手风琴和两个可放置的箱子：box1和box2。我如何统计两个框中的已删除项目总数。这里是fiddle。我在function(event, ui) {里面添加了函数，但是如果我有两个或更多的循环，它会计算每一行。我如何分开它？这里是代码回路： <body style="background-color:white;" onload="startTime()"> <h1 class="u

0热度

1回答

用jQuery拖放元素

也许你能帮我一下，我想创建一个带有可拖动（不是克隆）div的列，我可以把它放到容器中，它由四个div（bootstrap col-md-3 ）。可拖曳元素有两种尺寸：col-md-3或col-md-6。我发现类似的东西（http://jsfiddle.net/py3DE/），但我不能重写它才能正常工作 $(".source .item").draggable({ revert: "invalid"

0热度

1回答

jQueryUI的排序：当降元件

我使用jQuery排序视频停止。但是当我放下视频元素时，它会停止播放。有什么想法？（或alterntaive排序HTML5视频元素？）我的代码： $('#VideosContainer').sortable({cancel:'.videoClass'}); $('#VideosContainer').disableSelection();

0热度

2回答

jQuery的：SortableList和DroppableArea克隆问题之间的联系可拖动的项目

我的工作由两个部分面板上：列表：包含我的所有小工具，我想每一个部件是可拖动和可排序。一个区域：包含一个图像，我想放下我的小部件（以后保存它们的位置）：所以我需要我的小部件可以拖放和拖动。我正试图用JQuery UI来做这件事。最重要的是，我希望能够将我的小部件从列表拖到该区域，如果需要，可将它们拖回列表中。编辑：https://jsfiddle.net/Tenmak/jzmsatrg/（新

0热度

1回答

jQuery可排序的行和列的网格

我试图创建一个使用jQuery排序的可排序网格。这里是我的html： <div id ="container"> <div class="row"> <div class="column"> <div class="inner"> 1 </div> </div> <div class="column"> <div class="inner">2<

2热度

1回答

拖放到特定区域

我试图创建一个游戏，用户必须按特定顺序放置每张卡。我可以将名称拖放到可丢弃区域，但我将如何将特定卡分配给特定插槽。这里是我的js代码： var correctCards = 0; $(init); function init() { // Hide the success message $('#successMessage').hide(); $('#su