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 有一个选项 containment .在初始化可排序元素时设置 containment: '.container' 并在类 container 中添加属性 margin-bottom: 251px;(固定的部分总高度)。然后该元素不能在您的固定部分上，它应该防止从 sortable 引发的任何事件。