jquery.event.drag bug: click not suppressed
HTML
<div id="selector">
<p>Drag me around and click me.</p>
<p>I change color when I receive a "click" event.</p>
</div>
<script type="text/javascript" src="http://threedubmedia.googlecode.com/files/jquery.event.drag-2.0.js"></script>
CSS
.red { background: rgba(255, 0, 0, .6); }
#draggable { width: 150px; height: 100px; padding: 0.5em; border: 1px solid black; position: relative; }
JavaScript
function log() { // Logs text in the page (instead of console.log())
$("#console").append($("<p/>", {
text: Array.prototype.join.call(arguments, ", ")
}));
}
// getter
var appendTo = $( ".selector" ).draggable( "option", "appendTo" );
// setter
$( ".selector" ).draggable( "option", "appendTo", "body" );