已解決430363個問題，去搜搜看，總會有你想問的

從被拖動的元素中獲取父數據元素 - 拖放功能

首頁猿問從被拖動的元素中獲取父數據元素 -...

從被拖動的元素中獲取父數據元素 - 拖放功能

JavaScript

海綿寶寶撒 2022-05-22 18:03:26

我正在嘗試data-date在 JavaScript 中檢索拖動對象的父數據屬性。所以我想<td>從div“拖動我”的位置接收數據日期屬性。HTML 示例：<td data-date="2/3/2020"><div>drag me</div></td><td data-date="3/3/2020"><-- DIV "Drag Me" will be dragged to this location --!></td>我能夠檢索刪除的數據日期屬性，但無法弄清楚如何檢索從數據日期屬性中拖動的內容。JS From 和 TO 當前代碼 dropped = ui.draggable, newDate = $(this).data('date'), console.log('Date From :' + dropped.data('date')); // needs to be found console.log('Date To:' + newDate); // Works correctlyjavascript拖放元素自定義數據屬性

查看完整描述

2 回答

吃雞游戲

TA貢獻1829條經驗獲得超7個贊

我找到了一種解決方法，可以將信息從可拖動函數傳遞到可放置函數

在下面的示例中，我首先從可拖動函數中的父元素獲取數據日期值。檢索到這些數據后，我們將值從可拖動的函數傳遞給可放置的函數。

我們將變量命名為oldDate，以便我們可以通過調用“ui.draggable.data('oldDate')”在可放置函數中訪問它。我會在下面為你們提供一個示例代碼。

可拖動功能：

$(".drag").draggable({

cursor: "crosshair",

revert: "invalid",

start: function(event, ui) {

var oldDate = $(this).parent().data('date'); // get value from parent data-date attribute

$(this).data('oldDate', oldDate); // pass variable to droppable function

}

});

可丟棄功能：

$("td[data-date]").droppable({

accept: ".drag",

activeClass: "over",

drop: function(event, ui) {

var displayOldDate = ui.draggable.data('oldDate'); // access the variable saved in draggable function

console.log('Dragged from: ' + displayOldDate);

}

});

反對回復 2022-05-22

HUWWW

TA貢獻1874條經驗獲得超12個贊

管理它的方法很少

我最好在開始拖動時將初始父元素保存到某個變量中。
另一種選擇可能是在拖動元素本身上擁有所有需要的數據

反對回復 2022-05-22

2 回答
0 關注
182 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

從被拖動的元素中獲取父數據元素 - 拖放功能

從被拖動的元素中獲取父數據元素 - 拖放功能

2 回答

添加回答