2012-05-04 10 views
0

d3とsvgを使用してソート可能な要素のグループにドラッグアンドドロップ機能を実装しようとしています。基本的には、ドラッグした後、ドラッグされた要素がどこにドロップされたかに従って計算された新しい位置で、すべての要素の位置が更新されます。私が必要とするものを達成するために、私はdragendコールバックを利用しています。アンカータグを使用したD3のドラッグアンドドロップは、FFでクリックできません

が、私はここに私のシナリオの簡易版準備:あなたが見ることができるように

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

を、ドラッグ可能な要素のそれぞれは、SVGのハイパーリンクが含まれています。リンクはChromeとSafariで動作しますが、FFではクリックできません。

これまでの私のグーグルでは、クリックイベントのマウスアップ部分が伝播していることが原因であると思われますが、これはFFで正しくバブルしないと思います。私はd3バージョン2.7.4を使用しています。

私はd3の最新バージョンで同じコードを試しましたが、問題はそこにも残っています。

答えて

0

これは、ハックを使用した回避策ほどの解決策ではありません。

私は基本的に、削除された要素が実際に移動されたかどうか、ブラウザがFirefoxかどうかをチェックします。両方の条件が満たされ、クリックターゲットがリンクであった場合は、リンクのURLにリダイレクトされます。ここで

は回避策とD3の最新バージョンを使用して更新JSFiddleバージョンです:

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

関連する問題