我正在尝试实现拖放操作以在文章计划系统中更改日期。我希望用户能够将文章条目从一个日期拖到另一个日期,然后应自动更新时间表。这是我的代码:
<script type="text/javascript">
$(function () {
$(".scheduledArticleRow").draggable({
cursor: "move",
cursorAt: { top: -12, left: -20 },
opacity: 0.5,
helper: function (event) {
return $("<div class='ui-widget-header'>" + $(this).data('title') + "</div>")
}
});
$(".articleNeededRow").droppable();
$(".reservedDateRow").droppable();
$(".scheduledArticleRow").off("dragstart").on("dragstart", function (e) {
console.log("dragstart");
e.dataTransfer.setData("articleId", $(this).data("articleId")); // Uncaught TypeError: Cannot call method 'setData' of undefined
e.dataTransfer.setData("oldDate", $(this).data("date")); // Uncaught TypeError: Cannot call method 'setData' of undefined
e.originalEvent.dataTransfer.setData("articleId", $(this).data("articleId")); // Uncaught TypeError: Cannot call method 'setData' of undefined
e.originalEvent.dataTransfer.setData("oldDate", $(this).data("date")); // Uncaught TypeError: Cannot call method 'setData' …
Run Code Online (Sandbox Code Playgroud)