Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Drag and drop no funciona despues de refrescar div

Estas en el tema de Drag and drop no funciona despues de refrescar div en el foro de Frameworks JS en Foros del Web. Hola, el problema es ese, tengo un div que contiene un elemento que puede moverse con drag and drop, el problema es que eventualmente necesito ...
  #1 (permalink)  
Antiguo 20/07/2013, 11:29
Avatar de ananda  
Fecha de Ingreso: enero-2012
Mensajes: 345
Antigüedad: 8 años, 9 meses
Puntos: 14
Drag and drop no funciona despues de refrescar div

Hola, el problema es ese, tengo un div que contiene un elemento que puede moverse con drag and drop, el problema es que eventualmente necesito guardar datos y refrescar el div porque no quiero recargar toda la página, de momento lo hago así:

Código PHP:

 
$(function() {
$(
"#crear").draggable();
    
    });

      $.
ajax({
         ...
         },
         
success: function(data){
         $(
"#paginap").load(location.href+" #paginap>*","");
          
         }
      });      
}


<
div id="paginap">
<
div id="crear" style="border:1px solid red; height:50px; width:20%; resize: both; overflow: auto;"></div>

</
div
El problema es que cuando refresco (que lo hace correctamente, es decir, actualiza el div sin recargar la página) el div con id="crear" deja de tener la propiedad draggable y por lo tanto ya no puedo arrastrarlo, no sé como podría solucionar esto, a ver si podéis ayudarme, muchas gracias!
__________________
Creador de Vipefy , una nueva red social con un punto de vista diferente de las relaciones sociales.
  #2 (permalink)  
Antiguo 20/07/2013, 11:32
Avatar de Franz1628  
Fecha de Ingreso: marzo-2007
Ubicación: Lima - Perú
Mensajes: 145
Antigüedad: 13 años, 6 meses
Puntos: 26
Respuesta: Drag and drop no funciona despues de refrescar div

Lo que pasa es que draggable no acepta elementos que se crean dinamicamente

mejor realiza esto

Código Javascript:
Ver original
  1. $.ajax({
  2.          ...
  3.          },
  4.          success: function(data){
  5.          $("#paginap").load(location.href+" #paginap>*","");
  6.               $("#crear").draggable();
  7.          }
  8.       });
__________________
En mi Blog puedes ver articulos javascript y más...
@Franz1628
  #3 (permalink)  
Antiguo 20/07/2013, 12:08
Avatar de ananda  
Fecha de Ingreso: enero-2012
Mensajes: 345
Antigüedad: 8 años, 9 meses
Puntos: 14
Respuesta: Drag and drop no funciona despues de refrescar div

Cita:
Iniciado por Franz1628 Ver Mensaje
Lo que pasa es que draggable no acepta elementos que se crean dinamicamente

mejor realiza esto

Código Javascript:
Ver original
  1. $.ajax({
  2.          ...
  3.          },
  4.          success: function(data){
  5.          $("#paginap").load(location.href+" #paginap>*","");
  6.               $("#crear").draggable();
  7.          }
  8.       });
Hola, muchas gracias por la respuesta pero no funciona, el div "crear" sigue sin ser draggable :/
__________________
Creador de Vipefy , una nueva red social con un punto de vista diferente de las relaciones sociales.
  #4 (permalink)  
Antiguo 20/07/2013, 12:46
Avatar de Franz1628  
Fecha de Ingreso: marzo-2007
Ubicación: Lima - Perú
Mensajes: 145
Antigüedad: 13 años, 6 meses
Puntos: 26
Respuesta: Drag and drop no funciona despues de refrescar div

Disculpa me confundi en el codigo :D

ahi esta

Código Javascript:
Ver original
  1. $.ajax({
  2.          ...
  3.          },
  4.          success: function(data){
  5.          $("#paginap").load(location.href+" #paginap>*",function(){
  6.                 $("#crear").draggable();
  7.          });
  8.              
  9.          }
  10.       });
__________________
En mi Blog puedes ver articulos javascript y más...
@Franz1628
  #5 (permalink)  
Antiguo 20/07/2013, 13:02
Avatar de ananda  
Fecha de Ingreso: enero-2012
Mensajes: 345
Antigüedad: 8 años, 9 meses
Puntos: 14
Respuesta: Drag and drop no funciona despues de refrescar div

Cita:
Iniciado por Franz1628 Ver Mensaje
Disculpa me confundi en el codigo :D

ahi esta

Código Javascript:
Ver original
  1. $.ajax({
  2.          ...
  3.          },
  4.          success: function(data){
  5.          $("#paginap").load(location.href+" #paginap>*",function(){
  6.                 $("#crear").draggable();
  7.          });
  8.              
  9.          }
  10.       });
Hola, ya funciona perfectamente, muchas gracias! Un saludo.
__________________
Creador de Vipefy , una nueva red social con un punto de vista diferente de las relaciones sociales.

Etiquetas: ajax, drag, drop, javascript, refrescar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:49.