Actualmente tengo un diseño que utiliza Jquery interfaz de usuario de Arrastrar y Soltar.. he visto el código en el sitio web de Jquery para volver, pero no estoy seguro de cómo iba a ir a la hora de detectar si un div se ha caído en un cierto div y si lo ha sido, a continuación, volver a ella.

Básicamente tengo 2 divs y yo sólo quiero el de arrastrar/soltar a ser capaces de caer dentro de uno, si es que no se caiga en la de la derecha, a continuación, se revirtió 🙂

Guión:

 <script type="text/javascript">
function shift(parent){
$("#"+parent).draggable({ handle: ".item", accept: "#floor", containment: "#floor", scroll: false, stack:"#floor div" });
}
</script>

Draggable:

<div id="drag" class="ui-widget-content" onmousedown="shift('example')"> </div>

DIVs

<div id="container">
    <div id="floor"> </div>
    <div id="other"> </div>
</div>

El arrastrarse es dentro del recipiente, pero sólo quiero que se cayó en el piso y no otros.

Cualquier ayuda sería muy apreciada

Gracias a todos de antemano!

  • Puede usted por favor enviar su código?
  • Lo siento, sí, añadido para usted 🙂
  • Hola Andrew, yo podría ser capaz de ayudarle: entonces, ¿cuál es el comportamiento que usted está tratando? es decir, <div> flloor & other shoule no se pueden arrastrar y ¿cuál es la relevancia de drag div, lo siento si sueno grueso, 🙂
  • La relevancia de arrastre es porque la gente es capaz de arrastrar a otros divs pero quiero restringir sólo ser capaz de soltar lo que se arrastra en el «suelo» y no en «otros». Si se arrastra a otros, entonces serán revertidas de lo contrario, si se arrastra en el piso se redujo con éxito 🙂
  • Okies esperar voy a escribir una demo pronto; gotch que con suerte 😛
  • Genial @Andrew he actualizado un post. Espero que sea de ayuda 🙂

InformationsquelleAutor Andrew | 2012-05-31

1 Comentario

  1. 8

    Hola Andrew Demo http://jsfiddle.net/BYsnc/

    Espero que esto ayude a

    Buena lectura: http://docs.jquery.com/UI/Draggable

    Comportamiento: Cuando el usuario arrastra drag me a floor va a permitir que los demás si lo arrastra a other no B)

    Explicación

    Código JQuery

    //Hacer que el Piso Div como drop

    $('#floor').droppable({
        tolerance: 'fit'
    });

    //Ahora hacer el arrastre div posibilidad de arrastrar

    $('#drag').draggable({
        revert: 'invalid',
        stop: function(){
            $(this).draggable('option','revert','invalid');
        }
    });

    //Por último, decir arrastre que sobre su Drop de propiedad

    $('#drag').droppable({
        greedy: true,
        tolerance: 'touch',
        drop: function(event,ui){
            ui.draggable.draggable('option','revert',true);
        }
    });
    
    • Muchas gracias, has sido una gran ayuda y esto era justo lo que estaba buscando 😀
    • Me alegro de que te puede ayudar!
    • Yo quería caída exitosa función de devolución de llamada

Dejar respuesta

Please enter your comment!
Please enter your name here