javascript - 如何在可拖动和可放置的相对父级中选择类元素

Question

我有一个看起来像这样的 DOM:

<div class="wrapper">
    <div class="droppable"/>
    <div class="items-wrapper"/>

    <div class="droppable"/>
    <div class="items-wrapper">
        <div class="draggable">
        <div class="draggable">
    </div>
    <div class="droppable"/>
</div>

<div class="wrapper">
    <div class="droppable"/>
    <div class="items-wrapper"/>

    <div class="droppable"/>
    <div class="items-wrapper">
        <div class="draggable">
        <div class="draggable">
    </div>
    <div class="droppable"/>
</div>

在我使用 JQuery 的 javascript 中，我想设置每个可放置的“接受”选择器以获取父“包装器”内的所有可拖动项目，但似乎在可放置选项内我无法访问 $(this)以下无效。

$('.droppable').droppable({
    accept: "$(this).closest('.wrapper').find('.file_item')",
});

我是个新手，所以非常感谢您的帮助。

Answer 1

可删除的接受选项可以是选择器或函数()。在您的情况下使用函数。

 accept: function(ele) { 
    ele.closest('.wrapper').find('.file_item');
 }

链接到documentaion

如果应接受可拖动，该函数还必须返回 true。