我有2个容器(A& B),它们包含jQuery可排序容器,也是可以展开和折叠以查看/隐藏其内容的部分。当我从容器A中抓取一个项目并拖动它时,我想展开容器B(如果它已折叠)。我目前无法使这种行为起作用。我正在使用connectWith
将2个div连接在一起。这是我的jquery代码:
$$(".draggableContainer", this._sectionId).sortable({
handle: ".measuresSectionBtn",
connectWith: ".draggableContainer",
cancel: ""
}).disableSelection();
HTML:
<div class="containerA">
<div class="draggableContainer">
//draggable items in here
</div>
</div>
<div class="containerB">
<div class="draggableContainer">
//draggable items in here
</div>
</div>
我已尝试在mouseenter
上添加.containerA & .containerB
jQuery事件,但在拖动期间,这些事件不会被触发。
任何帮助表示赞赏。