Question

我有两个div，并排。左边的div包含奖学金申请人的姓名。右边的div包含申请人的推荐信件的文件名。我希望能够将文件名拖到左侧div并将其放在相应申请人的名称上。但是，文件名不会让自己被拖到div之外。有帮助吗？我是否需要将父div名称添加到droppable元素？

$(".drop_applicant").droppable();

在这里小提琴：https://jsfiddle.net/150f6yrh/5/

Answer 1

更新了JSFiddle

$(".drag_letter").draggable({
   cursor: 'move',
   revert: true,
   helper: 'clone'   
});


$(".drop_applicant").droppable({
    accept: '.drag_letter',
 drop: function(event, ui){
            alert(ui.draggable.prop("id") + " dropped onto " + $(this).prop("id"));
        }

 });

https://jsfiddle.net/150f6yrh/8/

我个人喜欢删除可拖动的revert: true选项，但这取决于你：）

希望它有所帮助！

可拖动div到另一个div内的droppable div

1 个答案: