Question

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

副手，我不确定什么是最好的＆amp;最简单的方法就是这样做。

我已经创建了一个简单示例，概述了此处的问题： 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'，并在类margin-bottom: 251px;中添加属性container（固定部分总高度）。然后元素不能在你的固定部分上，它应该防止任何由sortable引发的事件。

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

1 个答案: