title: Enable and disable jquery knob dynamically
body: <p>I'm using the excellent <a href="http://anthonyterrien.com/knob/" rel="nofollow">jQuery knob plugin</a>. However, I need to dynamically enable/disable the element depending on user input. There is support for having a <code>disabled</code> state on page load which have the effect that no mouse (or touch) events are bound to the canvas element. Does anyone know how to resolve this issue, that is, how to (after page load) bind and unbind these mouse event listeners?</p>
  
  <p>Ideally I would like to do something like this (on a disabled knob)</p>
  
  <pre><code>$('.button').click(function() {
      $('.knob').enable();
  });
  </code></pre>
  
  <p><strong>Edit:</strong> 
  I ended up rewriting the source which binds/unbinds the mouse and touch events. The solution is not perfect so I leave the question open if someone perhaps have a better (cleaner) solution.</p>