Foros del Web » Programando para Internet » Jquery »

jQuery sortable limitado y ordenable

Estas en el tema de jQuery sortable limitado y ordenable en el foro de Jquery en Foros del Web. Hola, Tengo un div con elementos que puedo arrastrar a otros dos divs. Quiero que cuando arrastre tres elementos a cada div, no me permita ...
  #1 (permalink)  
Antiguo 01/03/2016, 12:26
 
Fecha de Ingreso: septiembre-2008
Mensajes: 37
Antigüedad: 12 años, 5 meses
Puntos: 0
jQuery sortable limitado y ordenable

Hola,

Tengo un div con elementos que puedo arrastrar a otros dos divs.
Quiero que cuando arrastre tres elementos a cada div, no me permita agregarle más.

El código que tengo, y que no me funciona bien, es el siguiente:
Código HTML:
<div class="demo">
    <div id="content" >
        <div class="item"><img src="1.jpg" name="1" title="elm1"></div>
        <div class="item"><img src="2.jpg" name="2" title="elm2"></div>
        <div class="item"><img src="1.jpg" name="3" title="elm3"></div>
        <div class="item"><img src="2.jpg" name="4" title="elm4"></div>
        <div class="item"><img src="1.jpg" name="5" title="elm5"></div>
    </div>
    <div class="fs" id="id1"></div>
    <div class="fs" id="id2"></div>
</div> 
Código HTML:
$(".fs").sortable({
    connectWith : '.fs',
    revert: true,
    helper: "clone",
    receive: function(event, ui) {
        if ($(this).children().length >= 3) {
            $(this).sortable("cancel");
        }
    }
}).disableSelection();

$("#content .item").draggable({
    connectToSortable: ".fs",
    helper: "clone",
    revert: "invalid"
})
Alguien me puede echar una mano?
Gracias
  #2 (permalink)  
Antiguo 07/03/2016, 09:37
 
Fecha de Ingreso: septiembre-2008
Mensajes: 37
Antigüedad: 12 años, 5 meses
Puntos: 0
Respuesta: jQuery sortable limitado y ordenable

Cualquier sugerencia será bien recibida :)

Etiquetas: limitado, sortable
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 18:48.