Tengo la posibilidad de arrastrar/Ordenable conjunto de listas que estoy agregar dinámicamente los elementos de a, pero el problema es que una vez que un artículo ha sido añadido, no es posible moverlos a las nuevas listas. Usted puede ver la funcionalidad de aquí: http://jsfiddle.net/Y4T32/2/

Arrastre un elemento de la lista disponible a una de las listas de destino, y verás a que me refiero. Ahora, agregue una «llamada» y tratar de arrastrar el elemento nuevo a una de las columnas de destino.

He encontrado otra respuesta que funciona como quiero, pero han sido incapaces de reproducir los resultados que obtienen (y, por supuesto, no puede encontrar la respuesta ahora). Alguna idea de lo que estoy haciendo mal aquí?

He encontrado esta respuesta y hacer una ligera modificación. Sin embargo, me parece que esto podría no ser la mejor manera de ir sobre ella. He actualizado mi violín. jsfiddle.net/Y4T32/7

OriginalEl autor Aaron Wagner | 2012-05-16

1 Comentario

  1. 19

    RESPUESTA ACTUALIZADA

    Usted tiene que llamar a .draggable() para cada elemento que se agrega. El selector de jQuery que utiliza en el momento de la inicialización sólo se aplica a los elementos que existen en el momento, no a los que va a crear.

    Aquí un poco de JS que debe trabajar:

    var draggable_opts = {
                connectToSortable: ".sph-callout-portlet",
                helper: "clone",
                opacity: 0.75,
                revert: 'invalid',
                stop: function(event, ui) {
                    //alert(ui)
                }
            };
    
    $(function() {
        $( ".sph-callout-portlet" ).sortable({
            opacity: 0.75,
            placeholder: "ui-state-highlight",
        }).disableSelection();
    
        $( "#sph-callout-portlet-avail li" ).draggable(draggable_opts);
    
        $(document).on("click",'#addNewCo',function(e){
            e.preventDefault();
            var newCo = $('<li>New Callout</li>').draggable(draggable_opts);
            $('#sph-callout-portlet-avail').append(newCo);
        });
    });​

    http://jsfiddle.net/SGevw/

    Es una buena idea para publicar aquí su código en el caso de jsFiddle es siempre inaccesible. También, una explicación de lo que usted hizo es un plus.
    hecho. gracias por el aviso!
    esto es MUY cercano a lo que quiero, excepto, no quiero que los usuarios puedan arrastrar entre columnas o de espaldas a la columna disponible. Por eso me dio diferentes nombres de clase.
    OK, yo había comprendido lo que quería. He aquí una versión que deben trabajar.
    Perfecto! Ahora veo lo que usted hizo, haciendo que el nuevo elemento dragable antes de agregarla. Smart. Pensé que había intentado algo similar, pero fue en vano! Gracias por la ayuda!

    OriginalEl autor ubik

Dejar respuesta

Please enter your comment!
Please enter your name here