Una pequeña pregunta esperemos que con una simple respuesta, estoy usando jQuery con la posibilidad de arrastrar y drop para colocar elementos en un muelle. Utilizando el siguiente código de la lista.

$("#dock").droppable({
            drop: function(event, ui) {
                //Do something to the element dropped?!?
            }
        });

Sin embargo, yo no podía encontrar una manera de conseguir lo que el elemento fue realmente caído, para que yo pueda hacer algo al hacerlo. Es esto posible?

InformationsquelleAutor Pez Cuckow | 2010-06-04

1 Comentario

  1. 94

    De la evento drop documentación:

    Este evento se activa cuando un
    aceptada la posibilidad de arrastrar se cae «sobre la»
    (dentro de la tolerancia de) este
    lanzables. En la devolución de llamada, $(this)
    representa el drop de la que se pueden arrastrar
    se deja caer sobre. la interfaz de usuario.la posibilidad de arrastrar representa
    la posibilidad de arrastrar.

    Así:

    $("#dock").droppable({
         drop: function(event, ui) {
                   //do something with the dock
                   $(this).doSomething();
    
                   //do something with the draggable item
                   $(ui.draggable).doSomething();
               }
    });
    • Hacer el activo de clases css que necesitan ser removidos
    • Para mí, esto deja el elemento con la función de arrastrar estado, posición: relatative y de izquierda/derecha coordenadas
    • ¿Cómo es exactamente lo que usted seleccione la que se pueden arrastrar dentro de la doSomething() la función?
    • Este código está trabajando. $("#drag").draggable(); $("#drop").droppable({ drop: function (event, ui) { $(this).css("background-color","red"); } }); $("#drop").droppable({ out: function( event, ui ) { $(this).css("background-color","yellow"); } }); por qué este código no está funcionando? $("#drag").draggable(); $("#drop").droppable({ drop: function (event, ui) { $(this).css("background-color","red"); } out: function( event, ui ) { $(this).css("background-color","yellow"); } }); codepen
    • Tuve que usar interfaz de usuario.la posibilidad de arrastrar[0] . la interfaz de usuario.draggable es una matriz.

Dejar respuesta

Please enter your comment!
Please enter your name here