Articles of droppable

¿Por qué no puedo obtener la ID de Draggable cuando se suelta en un Dropable?

Estoy teniendo problemas para conseguir que ui.draggable funcione. Espero poder devolver su ID. Todo lo que devuelve es indefinido, lo que no entiendo. Aquí está mi llamada dropable … $( “.currqcontainer” ).droppable({ accept: “.currqwrapper”, drop: function (ui, event) { alert(“dropped”); var testid = $(ui.draggable).attr(‘id’); alert(testid); } }); Aquí está mi inicialización arrastrable … $( “.currqwrapper” […]

jQuery UI: fondo droppable?

Estoy intentando crear un bote de basura donde, después de que hayas colocado algunos elementos allí, simplemente puedas abrirlo y arrastrarlo fuera de la basura. La forma en que configuré esto, es que mi aplicación web tiene un ícono de papelera en el que suelto los elementos y al hacer clic en la papelera, se […]

Cómo replicar una instancia que se puede arrastrar / soltar en jQuery después de completar la primera instancia

Tengo una pequeña aplicación para arrastrar / soltar jquery que estoy creando. Puedes verlo aqui: http://jsfiddle.net/franco13/AwnJA/1/ Necesito hacer lo siguiente y soy nuevo en arrastrar y soltar jQuery, así que gracias por asistir. Yo deseo: evitar que el cuadro azul se arrastre hasta el cuadro 2, hasta que se haya caído en el cuadro 1 […]

reemplazar con y jQuery gota arrastrable?

Estoy tratando de entender por qué $(‘#title’).replaceWith(‘ha’); trabajará fuera del drop: function(event, ui) {} área en el script droppable de jquery, pero no funcionará dentro. Concretamente, si lo hago $(“.droppable”).droppable({ drop: function(event, ui) { $(‘#title’).replaceWith(‘ha’); } Obtengo un Runtime Error (line 1102) data(…).options is null or not an object . También si inserto un $(‘#title’).append(‘ha’); […]

jQuery UI: al soltar, adjunte el div a su objective dropable

Soy nuevo en jQuery y jQuery UI. Estoy tratando de mover un div de un div padre a otro. Hasta ahora, mi “artículo” es arrastrable. El stock “dropable” identifica correctamente el artículo cuando se mueve por encima de él, pero parece que no encuentro cómo adjuntar este artículo al stock. Creo que estoy manipulando un […]

evento jquery draggable stop

He buscado un montón de. Pero no puedo encontrar la respuesta. Tal vez dublicate. Aquí está un poco de mi código: $(“.box”).draggable({ revert:”invalid”, stop:function(ev,ui){ //if(dropped) alert(ui.item.attr(“id”); //else alert(“Not dropped”); } }); $(“.box”).droppable({ accept:function(drag){ return $(drag).attr(“data-id”)===$(this).attr(“data-id”); }, drop:function(ev,ui){ } }); He buscado opciones para soltar y opciones arrastrables. Pero no es útil. En otras palabras, cómo […]

dropable en dropable

Tengo este marcado Yo hice esto $(“ul.cat”).droppable( { drop:function() { alert($(this).attr(“id”)); } }); Siempre escribe “hola”. solo “hola”. ¿Cómo puedo enlazar droppable en childs también? UPD: Quiero introducir elementos en # hola’s chidlren Y #hello en sí. Quiero determinar dónde fue caído li.

Jquery Drag and Drop no funciona en Firefox, funciona bien en Chrome y Safari

Jquery Drag and Drop no funciona en Firefox e IE, pero funciona bien en Chrome y Safari. Este es mi código: $(“.drag”).draggable({ helper: “clone”, }); $(“.drop”).droppable({ drop: function (ev, ui) { if ($(ev.toElement).hasClass(“drop”) == true) { var widgetId = $(ui.draggable).attr(“id”); $(ev.toElement).attr(“id”, “dash_” + widgetId); $(ev.toElement).html($(ui.draggable).html()); } } }); Código cargado en http://www.skmcap63.hostoi.com/box-dashboard/ Necesito arrastrar los […]

Arrastrar y soltar en tablas de datos anidadas

Estoy usando primeface 4.0. El escaparate de Primeface solo muestra cómo arrastrar un elemento draggable a un droppable . Pero nunca se menciona cómo arrastrar un draggable fuera de ese droppable . Quiero hacer una tabla de datos que: Cada td contener un panel desplegable en el que se pueden draggable y draggable múltiples elementos […]

Eliminar un elemento arrastrado y restablecer el cursor con jQuery

Tengo un problema con arrastrar y soltar con jQuery. Aquí hay un violín muy simple que muestra lo que quiero decir ( http://jsfiddle.net/Znt44/1/ ): $(‘#drop’).droppable({ drop: function (e, ui) { ui.draggable.remove(); } }); $(‘#drag’).draggable({ cursor: ‘move’ }); Como se ve, coloco el cursor en una cruz cuando se arrastra, lo que funciona. Si suelta el […]