问题
I'm using HTML5 drag and drop to create some sortable tabs. Here's the exact code although it's Angular specific: https://stackoverflow.com/a/23443028/1267778
I have an svg chart using d3.js inside one of those tabs.
The sortability works but when I click on the chart, it does a transition and the sortability is now broken until I reload the page.
I have other svg charts in others tabs that I can interact with without breaking it, however the chart that causes problems doesn't throw any error or anything. It just breaks without any clues as to what happened.
I note that the ".dragging" class is still being applied when I start dragging, but there is no drag or drop effect; the tab stays in place.
Any idea as to what might be happening or where I can start looking for problem? I'm not really even sure where to start since no errors are thrown and I don't see how the drag and drop could possibly relate to me clicking the chart unless javascript crashed but there is no sign of that.
来源：https://stackoverflow.com/questions/23449265/d3-js-chart-interaction-causes-html5-drag-and-drop-to-stop-working