Foros del Web - Ver Mensaje Individual - jQuery evitar duplicados en el drag y drop

Dany_s · #6 (**permalink**) 26/07/2011, 06:33

Código HTML:

Ver original<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
    </head>
    <script>
    $( function(){
        $( "#uno li" ).draggable({helper:'clone'});
 
        $( "#dos" ).droppable({
            accept: "#uno li",
            drop: function( event, ui ){
                $("#dos").append( ui.draggable );
            }
        });
    });
    </script>
    <style>
        ul{min-height:50px; width:50px; background:#ccc}
    </style>
    <body>
 
    <ul id="uno">
        <li>Uno</li>
        <li>Dos</li>
        <li>Tres</li>
    </ul>
 
    <ul id="dos">
 
    </ul>
 
    </body>
</html>