我正在尝试使用d3和svg在可排序的元素组上实现一些拖放功能。基本上,在拖动之后,所有元素的位置都会根据拖动元素的放置位置计算新位置。为了实现我的需要,我正在使用d3提供的dragend
回调。
我在这里准备了我的方案的简化版本:
如您所见,每个可拖动元素都包含一个svg超链接。该链接适用于Chrome和Safari,但在FF中无法点击。
到目前为止,我的谷歌搜索似乎问题源于点击事件的鼠标部分的传播,我猜在FF中没有正确起泡。我正在使用d3版本2.7.4。
我在最新版本的d3中尝试了相同的代码,但问题仍然存在。
答案 0 :(得分:0)
这不是使用黑客攻击的解决方案。
我基本上检查已经删除的元素是否已经被移动以及浏览器是否是Firefox。如果两个条件都为真,并且点击目标是链接,我会重定向到链接的URL。
这是使用变通方法和最新版d3的更新的JSFiddle版本: