title: jquery: how to disable dblclick events?
body: <p>premise: 
  developing a graphic scatterplot (with flotchart.org) I have a js function that dynamically create a  that show a image (button) to realize a user action CLICKING on the button ("pan Left" on the example code here below)</p>
  
  <p>problem:
  when the user click fast over the button, an (undesired) double click event is triggered.
  How can I disable double click when mouse is over the button (so allowing only single click event) ? In other words: What wrong using unbind or dblclick inthe code here below ?</p>
  
  <pre><code>function addButtonPanLeft(x, top, offset) {
      $('&lt;img id="buttonPanLeft" class="navigationbutton" src="../images/pan-left.png" style="left:' + x + 'px;top:' + top + 'px"' + ' title="Pan Left"&gt;').appendTo(placeholder).click(function(e) {
          e.preventDefault();
          panleft();
      });
  
      // disabilito double click sul bottone
      $('#buttonPanLeft').unbind('dblclick');
  }
  
  
  function addButtonPanRight(x, top, offset) {
      $('&lt;img id="buttonPanRight" class="navigationbutton" src="../images/pan-right.png" style="left:' + x + 'px;top:' + top + 'px"' + ' title="Pan Right"&gt;').appendTo(placeholder).click(function(e) {
          e.preventDefault();
          panright();
      });
  
      // disabilito double click sul bottone  NON FUNZIONA ??????
      $('#buttonPanRight').dblclick(function(e) {
          e.preventDefault();
          panright();
          log({
              text: "double click",
              type: 'debug'
          });
      });
  }
  </code></pre>
  
  <p>many thanks
  giorgio</p>