Drag and Drop - jQuery

by Brunno Romero

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

    <div id="invalida" class="ui-widget-content" style="width:50px; height:50px;">
        <p>Inválida</p>
    </div>

JavaScript

//funções para d&d usando jquery
$(function drag1() {

    $("#invalida").draggable({
        connectToSortable: "#sortable1",
        helper: "clone",
        revert: "invalid",
        start: function (event, ui) {
        	$(ui.helper).css('color', 'red');
        }
    });
    
});