Javascript jQuery sortable-设置父容器中包含哪些div

我使用jQuery的sortable函数允许用户重新排列div的顺序。当用户单击该按钮时，将显示一个弹出div

目前，“已存在div”和“popup div”无法移出其容器，因为行

包含：'parent'

如何允许弹出div移出其容器，而不是已经存在的div

$（“#单击”）。在（“单击”，函数（）{
$（“#可排序1”）.show（）；
});
$（'#可排序1，#可排序2'）。可排序({
轴：‘y’，
连接方式：'.first'，
遏制：“家长”
});
.container{
位置：绝对位置；
保证金：0自动；
左：0；
右：0；
最高：13%；
宽度：85%；
}
div.div{
边框：1px实心；
利润上限：7.5px；
保证金底部：7.5px；
}
.弹出窗口{
宽度：50%；
左：0；
右：0；
最高：20%；
保证金：0自动；
z指数：1；
位置：绝对位置；
背景：#fff；
边框：1px实心；
}

红色
当他平静的生活受到高科技刺客的威胁时，前黑行动特工弗兰克·摩西重组了他的老团队，竭尽全力生存并揭发袭击他的人

点击我




深度冲击
除非彗星在与地球相撞前被摧毁，否则只有被允许进入掩体的彗星才能生存。哪些人能活下来

调整局
一位政治家和一位当代舞蹈家之间的风流韵事受到神秘力量的影响，使这对恋人疏远

苍蝇之王
一群男生被困在一个岛上，堕落成野蛮人

这不会按您期望的方式工作

请看这里：

JavaScript

$(function() {
  $("#click").on("click", function() {
    $("#sortable1").show();
  });

  $("#sortable2").sortable({
    axis: 'y',
    containment: 'parent',
    items: "> div",
    update: function(e, ui) {},
    receive: function(e, ui) {
      console.log("Receiving item: ", ui.item);
      ui.item.attr("style", "").removeClass("popup").addClass("div");
    }
  });
  $("#sortable1").sortable({
    connectWith: '.first'
  });
});

收到新项目后，它将更新为与其他项目相同。一些样式导致它与其他元素的流动性不好。
嗨，你还在吗？我仍然存在，是的。