可拖动的 jQuery UI 在 Firefox/Safari 中无法正确显示答案

【问题标题】：jQuery UI draggable not displaying properly in Firefox/Safari可拖动的 jQuery UI 在 Firefox/Safari 中无法正确显示
【发布时间】：2011-06-29 13:24:30
【问题描述】：

这可能是在黑暗中拍摄的。我用一个在所有浏览器中都能正常工作的简单 html 表为 UI 可拖放/可拖放创建了一个测试页面。我应用了类似于 ASP.NET 页面的内容，但它在 Firefox 或 Safari 中无法正确显示。页面很大，发生了很多事情，我不能发布实用的东西。可拖放区域是在网格视图中动态生成的标签。在 Chrome 和 IE 中，一切都按预期工作。拖放中的功能将信息从拖动的列复制到拖放的列。此功能在 Firefox 和 Safari 中仍然有效，但是当我拖动列标题时，我看不到屏幕上的移动，它只是保持原位（即使在 Firebug 中我可以看到它的坐标随着鼠标移动而变化）。

代码如下：

dragColumns.draggable({
    revert: true,
    start: function () {
        copyColumnIndex = dragColumns.index(this);
    }
});

虽然没有这两个选项我仍然看不到拖动。

有什么想法吗？

【问题讨论】：

你有想过这个吗？我有同样的问题，但只在 Firefox 中

标签： jquery jquery-ui drag-and-drop draggable jquery-ui-draggable

【解决方案1】：

这是我为此使用的 hack：

firefox = (/firefox/i.test(navigator.userAgent.toLowerCase()));

现在我有一个布尔指标，用于判断是否使用了 firefox。（残酷的黑客）

然后我添加这个（BRUTAL HACK 2）：

helper: firefox === true ? 'clone' : void 0

这是可拖动的选项之一。好像在克隆的时候就出现了。

如果你写的是coffeescript，你可以做我为助手所做的事情：

helper: 'clone' if firefox is true

我想这看起来不那么老套......

【讨论】：