JQuery DragDrop

Set the onTargetDrop property of the jqxDragDrop. Author: http://jqwidgets.com

by jqwidgets

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div style="width: 50px; height: 50px; border: 1px solid #A67E3A; background-color: #FFC663;" id="element">
    <div style="margin-left: 3px; margin-top: 20px; font-size: 10px; font-family: Verdana;">Drag me</div>
</div>
<div style="width: 100px; margin-top: 200px; height: 100px; background: yellow;" id="dropTarget" class="dropTarget">Drop here</div>
<div id="log"></div>

JavaScript

$('#element').jqxDragDrop({
    dropTarget: ".dropTarget"
});
$('#element').jqxDragDrop({
    onTargetDrop: function () {
        $("#log").html('On target drop');
    }
});