jQuery UI API - .position ()
categoría
La sobrecarga de métodos (Método, anulaciones) | método (en Métodos) | utilidad (Utilidades)
uso
Descripción: un elemento de posicionamiento en relación con otro elemento.
Devuelve: el jQuery
Nueva versión: 1.8
参数 | 类型 | 描述 |
---|---|---|
options | Object |
|
la interfaz de usuario jQuery .position()
método permite formar un pariente (ventana), un documento, u otro puntero del elemento (cursor) / ratón (mouse) para localizar un elemento, independientemente del desplazamiento relativo al elemento padre (offset).
Nota: jQuery UI no es compatible con la ubicación elemento oculto.
Este es un plugin de jQuery independiente y sin dependencias de otros componentes de interfaz de usuario jQuery.
Las extensiones de plug-in de jQuery construyeron .position () método. Si jQuery UI no está cargado, llame .position()
método no se limita a fallar, porque existe el método en jQuery. Pero no es el comportamiento esperado.
Ejemplos
Un ejemplo sencillo de localización jQuery UI (Posición).
<! DOCTYPE html> <Html lang = "es"> <Head> <Charset Meta = "UTF-8"> <Title> .position () Ejemplos </ title> <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <Style> .positionDiv { position: absolute; Ancho: 75px; altura: 75px; fondo: green; } </ Style> <Script src = "// code.jquery.com/jquery-1.10.2.js"> </ script> <Script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script> </ Head> <Cuerpo> <Div id = "targetElement"> <Div class = "positionDiv" id = "Posición1"> </ div> <Div class = "positionDiv" id = "posición2"> </ div> <Div class = "positionDiv" id = "Posición3"> </ div> <Div class = "positionDiv" id = "Posición4"> </ div> </ Div> <Script> $ ( "# Posición1") .position ({ mi: "centro", en: "centro", de: "#targetElement" }); $ ( "# Puesto2") .position ({ mi: "arriba a la izquierda", en: "arriba a la izquierda", de: "#targetElement" }); $ ( "# Posición3") .position ({ mi: "derecho y central", en: "abajo a la derecha", de: "#targetElement" }); $ (Document) .mousemove (function (event) { $ ( "# Posición4") .position ({ mi: "izquierda inferior + 3-3", de: caso, colisión: "encajar" }); }); </ Script> </ Body> </ Html>