SVG（d3.js）和jQuery UI可选择不起作用

Question

我有一个d3.js图表​​，我试图使用jQueryUi Selectable插件，同时显示选择矩形（没有选择效果，如插件页面所示）但是一旦我发布鼠标，就没有选择。你可以试试小提琴http://jsfiddle.net/mantrig/5b5698dr/

我的代码有点像下面这样：

<div class="selectable">
<svg height="90" width="200">
  <text x="10" y="20" style="fill:red;">Several lines:</text>
    <text x="10" y="45">First line.</text >
    <text x="10" y="70">Second line.</text >

 Sorry, your browser does not support inline SVG.
</svg></div>

- js script -

$(function() {
    $( ".selectable" ).selectable();
    }
  });

没有课程在选择时添加或删除。这些文本元素在我的例子中是样本，这些东西将是来自某些json的动态。