jquery - 在 jQuery 中拖动时，元素不能具有 z-index 最大值

Question

我有一个可拖动的项目，但当我拖动它时它位于其他html元素下，即使我设置了 .item_dragable {
光标:移动；
z 索引:2147483646；
}并在事件可拖动时:

jQuerydragable.draggable({
    cancel: "a.ui-icon", // clicking an icon won't initiate dragging
    revert: "invalid", // when not dropped, the item will revert back to its initial position
    containment: "document",
    helper: "clone",
    cursor: "move",
    zIndex: 2147483647
});

这是怎么回事？我使用最新的 jQuery 和 jQuery ui

谢谢

Answer 1

让可拖动项目覆盖其他所有内容的最佳方法是使用选项 appendTo (请参阅 jQuery UI doc )并将其设置为 "body" ，如下所示:

jQuerydragable.draggable({
    cancel: "a.ui-icon", // clicking an icon won't initiate dragging
    revert: "invalid", // when not dropped, the item will revert back to its initial position
    containment: "document",
    helper: "clone",
    cursor: "move",
    zIndex: 100000,
    appendTo: "body"
});

当然，设置一个足够大的 z 索引，使其高于所有其他索引。