时间戳

首页 > 解决方案 > jquery ui sortable：如何放入嵌套容器

javascript - jquery ui sortable：如何放入嵌套容器

问题描述

我有以下html结构

 <div class="wrapper-all">
     <div class="wrapper-left">
         <div class="row-left">
             <div class="item-left">A</div>
         </div>
         <div class="row-left">
             <div class="item-left">B</div>
         </div>
     </div>
     <div class="wrapper-right">
         <div class="item-right">Firstname</div>
         <div class="item-right">Salutation</div>
     </div>
 </div>

目标是将单个 div 元素 (.item-right) 从 wrapper-right 移动到 wrapper-left 到 div 容器 .row-left 中。如果我用鼠标将元素 Firstname 移动到元素 A，则元素 Firstname 应该被拖放到元素 a 的父级 (.row-left)。

我尝试了以下方法：

$(".wrapper-right, .wrapper-left").sortable({
  connectWith: ".wrapper-left",
  appendTo: ".row-left"
})

但这行不通。我怎样才能实现目标？

标签： javascriptjquery

解决方案

推荐阅读