D3拖放锚点标签在FF中无法点击

时间:2012-05-04 06:17:30

标签: svg d3.js

我正在尝试使用d3和svg在可排序的元素组上实现一些拖放功能。基本上,在拖动之后,所有元素的位置都会根据拖动元素的放置位置计算新位置。为了实现我的需要,我正在使用d3提供的dragend回调。

我在这里准备了我的方案的简化版本:

http://jsfiddle.net/G52rB/4/

如您所见,每个可拖动元素都包含一个svg超链接。该链接适用于Chrome和Safari,但在FF中无法点击。

到目前为止,我的谷歌搜索似乎问题源于点击事件的鼠标部分的传播,我猜在FF中没有正确起泡。我正在使用d3版本2.7.4。

我在最新版本的d3中尝试了相同的代码,但问题仍然存在。

1 个答案:

答案 0 :(得分:0)

这不是使用黑客攻击的解决方案。

我基本上检查已经删除的元素是否已经被移动以及浏览器是否是Firefox。如果两个条件都为真,并且点击目标是链接,我会重定向到链接的URL。

这是使用变通方法和最新版d3的更新的JSFiddle版本:

http://jsfiddle.net/G52rB/8/