jQuery UI可拖动在Firefox / Safari中无法正常显示

时间:2011-06-29 13:24:31

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

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

以下是代码:

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

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

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

这是我用于此的黑客攻击:

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

现在我有一个布尔指示器,用于if使用firefox。 (BRUTAL HACK)

然后我添加这个(BRUTAL HACK 2):

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

这是可拖动的选项之一。好像什么时候克隆,它出现了。

如果你的写作coffeescript,你可以做我为帮手做的事情:

helper: 'clone' if firefox is true

我认为这看起来不那么简单......