Looking for jquery-ui Answers? Try Ask4KnowledgeBase
Looking for jquery-ui Keywords? Try Ask4Keywords

jQuery UI LibraryOrdenable


Sintaxis

  • $ ("# sortable"). sortable ({/ * Options Here * /}); // Inicializar Sortable

  • $ ("# sortable"). sortable ("option", "option_name", option_value); // Establecer la opción fuera del inicializador

  • valor var = $ ("# sortable"). sortable ("option", "option_name"); // Obtiene el valor de una opción

Parámetros

Parámetro Descripción
Opciones
añadir a (jQuery, Element, Selector, String) [Predeterminado: "parent"] El elemento al que se agrega el ayudante
eje (Cadena) [Predeterminado: falso] Las direcciones en las que se puede arrastrar el elemento (x o y)
cancelar (Selector) [Predeterminado: "input, textarea, button, select, option"] No se inicia la clasificación si se inicia en un elemento que coincida con el selector
clases (Objeto) [Valor predeterminado: {}] Especifique clases adicionales para agregar a los elementos ordenables cuando se agregan las clases estructurales. ({ui-sortable-helper: custom_class})
conectar con (Selector) [Predeterminado: falso] Permite arrastrar elementos de un ordenable a otro
contención (Elemento, Selector, Cadena) [Predeterminado: falso] El elemento al que se limitan los elementos
cursor (Cadena) [Predeterminado: "auto"] Define el tipo de cursor que se muestra al ordenar
cursorAt (Objeto) [Predeterminado: falso] Define la posición desde la cual el ayudante parece que se está moviendo
discapacitado (Booleano) [Predeterminado: falso] Desactiva la clasificación si es verdadero
dropOnEmpty (Booleano) [Predeterminado: verdadero] Si los elementos falsos de este ordenable no pueden colocarse en ordenadores vacíos
forceHelperSize (Booleano) [Predeterminado: falso] Obliga al ayudante a tener un tamaño
forcePlaceholderSize (Booleano) [Predeterminado: falso] Hace que el marcador de posición tenga un tamaño
cuadrícula (Array) [Predeterminado: falso] Define una cuadrícula para ajustar el ayudante a ([x, y])
encargarse de (Selector, Elemento) [Predeterminado: falso] Define los elementos en los que puede comenzar la clasificación. Opuesto a cancelar
ayudante (Cadena, Función) [Predeterminado: "original"] Cadena "original" o "clon", o función que devuelve el elemento que se usará como ayudante.
artículos (Selector) [Predeterminado: "> *"] Define los elementos que deben ordenarse
opacidad (Número 0.01 a 1) [Predeterminado: falso] Define la opacidad del ayudante
marcador de posición (Cadena) [Predeterminado: falso] Define una clase o clases que se aplicarán al marcador de posición
revertir (Booleano, Número) [Predeterminado: falso] El tiempo que tarda el ayudante en deslizarse en su nueva posición
voluta (Booleano) [Predeterminado: verdadero] Si se desplaza cuando está en los bordes de la página
scrollSensitivity (Número) [Predeterminado: 20] Define qué tan cerca del borde de la página debe estar el cursor para comenzar a desplazarse
Velocidad de desplazamiento (Número) [Predeterminado: 20] La velocidad a la que se desplaza
tolerancia (Cadena) [Predeterminado: "intersecar"] Define qué modo usar cuando se calcula cuándo un elemento está sobre otro ("intersecar" o "puntero")
índice de z (Entero) [Predeterminado: 1000] Define el índice z del ayudante al ordenar
Métodos
cancelar() Cancela la clasificación actual y devuelve los elementos a su posición antes de que comience la clasificación
destruir() Elimina la funcionalidad clasificable y devuelve el elemento a su estado inicialización inicial
inhabilitar() Desactiva el ordenable
habilitar() Habilita el ordenable
ejemplo() Devuelve el objeto de instancia sortables
opción() Obtiene pares de valores clave de todas las opciones para el ordenable.
opción (String) Obtiene el valor de una opción
Opción (String, Cualquiera) Establece el valor de la opción especificada por la Cadena.
opción (Objeto) Establece una o más opciones con el objeto siendo pares de valores clave de opciones
refrescar() Actualiza las opciones de ordenación volviendo a cargar todos los elementos ordenables. Esto hace que los nuevos elementos sean reconocidos
refreshPositions () Actualiza las posiciones almacenadas en caché de los elementos que se pueden ordenar
serializar (Objeto) Serializa los identificadores de los elementos (de manera predeterminada) en una cadena que se puede enviar o anexar a una url Opciones de objeto: {clave: establece la clave en la cadena serializada, atributo: [Id. Predeterminada] establece el atributo a mirar, expresión : [Valor predeterminado: "/(.+)-=_/"] expresiones regulares para dividir el atributo en pares de valores clave}
toArray (objeto) Serializa el id de los elementos que se pueden ordenar en una matriz. El objeto puede contener un atributo de parámetro que tiene el atributo para colocar en la matriz por defecto es id
widget () Devuelve un objeto jQuery del elemento clasificable.
Eventos
activar (evento, ui) Se dispara cuando la lista está conectada, cada lista conectada en el inicio de arrastre la recibe
beforeStop (evento, ui) Los disparadores antes de la clasificación se detienen cuando el ayudante ha sido desplazado a la misma posición que el marcador de posición
cambio (evento, ui) Se dispara cuando los elementos cambian de posición, es decir. cuando el marcador de posición se mueve
crear (evento, ui) Se dispara cuando se puede ordenar
desactivar (evento, ui) Se dispara cuando la clasificación se detiene. Esto va a todas las listas conectadas también
fuera (evento, ui) Se desencadena cuando el elemento se mueve fuera de la lista clasificable
sobre (evento, ui) Se dispara cuando el elemento se mueve a una lista clasificable
recibir (evento, ui) Se desencadena cuando un elemento de una lista conectada se ha colocado en otro. El objetivo es la lista de receptores.
eliminar (evento, ui) Se desencadena cuando un elemento de una lista conectada se ha colocado en otro. El objetivo es la lista de dar.
ordenar (evento, ui) Activado durante la clasificación
inicio (evento, ui) Se dispara cuando comienza la clasificación
detener (evento, ui) Se dispara cuando la clasificación se detiene.
actualizar (evento, ui) Se dispara cuando la clasificación se detiene y la posición DOM se ha actualizado

Observaciones

Documentación oficial aquí

Ordenable Ejemplos relacionados