javascript - 将鼠标悬停在固定的 HTML 元素上时防止 JQuery 可排序传播

Question

我试图弄清楚如何在将鼠标悬停在页面底部的固定元素上时防止可排序的拖动和传播。

顺便说一句，我不确定最好和最简单的方法是什么。

我在这里创建了一个简单的示例来概述问题：http: //jsfiddle.net/arpowers/kSCQU/1/

可排序代码：

jQuery('.sortable_area').sortable({
  items: ".sortable",
  dropOnEmpty: true,
  forcePlaceholderSize: true,
  forceHelperSize: false,
  connectWith: ".column",
  placeholder: "placeholder",
  cursor: "move",
  tolerance: "pointer",
});​

并且有一个简单的 HTML 元素固定在页面的页脚。

Answer 1

Sortable 有一个选项contains。containment: '.container'在初始化可排序元素时设置并margin-bottom: 251px;在类中添加属性container（固定部分总高度）。然后该元素不能在您的固定部分上，它应该防止任何可排序的事件。