Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/04/2012, 05:16
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 9 meses
Puntos: 192
Respuesta: Problema con drag al insertar nuevo elemento

Y sin saber cómo específicamente estás creando el elemento nuevo, no puedo darte una solución concreta. Pero puedo guiarte, con este ejemplo:

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  3.     <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" />
  4.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
  5.    
  6.     <style>
  7.     .draggable {
  8.         width: 150px;
  9.         height: 150px;
  10.         padding: 0.5em;
  11.         margin:5px;
  12.         cursor: pointer;
  13.         background:#EEE;
  14.         border: 1px solid #CCC;
  15.        
  16.     }
  17.     </style>
  18.    
  19.     <script type="text/javascript">
  20.         $(function(){
  21.             //Crer draggables con elementos existentes
  22.             $( ".draggable" ).draggable();
  23.            
  24.             //Crear nuevos elementos y hacerlos draggables
  25.             $('#crear').click(function(){
  26.                 //creo el elemento y lo guardo como elemento jQuery
  27.                 var $nuevo = $('<div class="draggable" class="ui-widget-content"> <p>Soy nuevo</p> </div>');
  28.                 //agregarlo al contenedor, antes del link
  29.                 $(this).before($nuevo);
  30.                 //hacerlo draggable
  31.                 $nuevo.draggable();
  32.             });
  33.         });
  34.     </script>
  35.    
  36.     <title>Test</title>
  37. </head>
  38.     <div id="demo">
  39.  
  40.         <div class="draggable" class="ui-widget-content">
  41.             <p>Drag me around</p>
  42.         </div>
  43.         <div class="draggable" class="ui-widget-content">
  44.             <p>Drag me around</p>
  45.         </div>
  46.  
  47.         <p><a href="#" id="crear">Crear otro</a></p>
  48.     </div><!-- End demo -->
  49. </body>
  50. </html>

Creo que el código es claro :P
__________________
nahueljose.com.ar