title: D3.js: Remove force.drag from a selection
body: <p>I have a (rather simple) question: How to "un-call" force.drag on a selection made by D3.js? Let's say I created a set of elements and called "call" on it, giving it the drag-callback of a force-directed layout. That looked like this:</p>
  
  <pre><code>    d3.selectAll('rect').call(force.drag);
  </code></pre>
  
  <p>Now it shall be possible to remove that behavior from some of the nodes later on. My approaches included resetting various listeners, such as 'click', 'drag' etc. using</p>
  
  <pre><code>    d3.select('rect#no-drag').on('click', null);
  </code></pre>
  
  <p>None of them worked. Does anybody know how to remove the callback?</p>