jQuery UI API - .Position ()
catégorie
Méthode surcharge (Méthode, Remplacements) | la méthode (dans les méthodes) | utilitaire (Utilitaires)
usage
Description: un élément de positionnement par rapport à un autre élément.
Renvoie: le jQuery
Nouvelle version: 1.8
参数 | 类型 | 描述 |
---|---|---|
options | Object |
|
l'interface utilisateur du jQuery .position()
méthode vous permet de former un parent (fenêtre), un document ou un autre pointeur d'élément (curseur) / souris (souris) pour localiser un élément, quel que soit le décalage relatif à l'élément parent (offset).
Remarque: jQuery UI ne supporte pas l'emplacement élément caché.
Ceci est un plugin jQuery indépendant, et aucune dépendance à d'autres composants jQuery UI.
Les extensions de plug-in de jQuery construits .Position () méthode. Si jQuery UI est pas chargé, appelez .position()
méthode ne manque pas simplement, parce que la méthode existe dans jQuery. Mais il ne devrait pas le comportement.
Exemples
Une simple localisation jQuery UI (Position) instance.
<! DOCTYPE html> <Html lang = "fr"> <Head> <Meta charset = "utf-8"> <Titre> .Position () Exemples </ title> <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <Style> .positionDiv { position: absolute; largeur: 75px; hauteur: 75px; fond: vert; } </ 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> <Body> <Div id = "targetElement"> <Class = Div id "positionDiv" = "position1"> </ div> <Class = Div id "positionDiv" = "position2"> </ div> <Class = Div id "positionDiv" = "POSITION3"> </ div> <Class = Div id "positionDiv" = "position4"> </ div> </ Div> <Script> $ ( "# Position1") .Position ({ ma: «centre», à: «centre», de "#targetElement" }); $ ( "# Position2") .Position ({ ma: "en haut à gauche», à: "en haut à gauche», de "#targetElement" }); $ ( "# Position3") .Position ({ ma: «centre droit», à: "en bas à droite", de "#targetElement" }); $ (Document) .mousemove (function (event) { $ ( "# POSITION4") .Position ({ ma: "left + 3 bottom-3", de: événement, collision: "adapter" }); }); </ Script> </ Body> </ Html>