CLICK vs DRAG - #4 - BIZAMAJIG USAGE

by bizamajig

HTML

<div id="draggable" class="ui-widget-content">
  <p>I can detect if you click me without dragging</p>
</div>

CSS

#draggable
{
    width: 280px;
    background: yellow;
    cursor: pointer;
    padding-left: 10px;
}

JavaScript

$("#draggable").click(function(){
   alert("you clicked me without dragging");
});
$('#draggable').draggable({
    stop: function(event, ui) {
        $( event.toElement ).one('click', function(e){ e.stopImmediatePropagation(); } );
    }
});