Javascript SVG（d3.js）和jQuery UI不工作

我有一个d3.js图表，我试图在上面使用jQueryUi可选插件，同时它显示选择矩形（没有选择效果，如插件页面所示），但一旦我释放鼠标，就什么都没有选择。你可以试试小提琴

我的代码如下所示：

<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>

---

没有类在选择时获得“添加”或“删除”。在我的例子中，这些文本元素是示例，这些东西将从一些json中动态出现。

首先，它必须是$（“#可选”）.selective（）@西里尔：谢谢，这是一个打字错误。你能发布更多的代码吗。。还是什么else@Cyril我已经做了一个提琴来看看。我试过了，但它似乎不适合svg。可能是其他人有一些方法：(

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