0

Tengo el siguiente código:

<html>

<head>
    <script type="text/css" href="..css/jquery-ui.css"></script>
    <script type="text/javascript" src="../jquery.js"></script>
    <script type="text/javascript" src="../jqueryui.js"></script>
    <script type="text/javascript">
       var x;
        x=$(document);
        x.ready(inicio);
        
        function inicio(){
            var x;
            x=$("#muevemueve");
            x.draggable();
            x=$("#sueltame");
            x.droppable({drop:soltado});
        }
        
        function soltado(){
            var x=${"#sueltame"};
            //x.css("background","red");
        }
        
    </script>
    <style type="text/css">
        #muevemueve{
            width: 100px;
            height: 100px;
            border: 1px solid black;
        }
        #sueltame{
            width: 300px;
            height: 300px;
            border: 1px solid black;
            background: yellow;
            margin: 10px;
        }
    </style>
</head>

<body>
    <div id="muevemueve">Mueveme</div>
    <div id="sueltame">Suelta algo encima de mi</div>
</body>
    
</html>

El método "x.draggable();" funciona pero cuando inserto la función "soltado" deja de funcionar draggable y droppable no funciona.

De antemano, gracias por su apoyo.

Buen día Luis

1 respuesta 1

0

Tienes un error de sintaxis. Usa paréntesis, no chorchetes:

var x=$("#sueltame");

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.