JQuery UI API - .position ()
категория
Перегрузка методов (метод, Overrides) | метод (в методах) | утилиты (Утилиты)
использование
Описание: позиционирование элемента по отношению к другому элементу.
Возвращает: Jquery
Новая версия: 1.8
| 参数 | 类型 | 描述 |
|---|---|---|
| options | Object |
|
Пользовательский интерфейс Jquery .position() метод позволяет сформировать относительное (окно), документ, или другой указатель элемент (курсор) / мышь (мышь) , чтобы найти элемент, независимо от того, смещение относительно родительского элемента (смещение).
Примечание: JQuery UI не поддерживает местоположение скрытый элемент.
Это независимый JQuery плагин, и никаких зависимостей к другим компонентам JQuery UI.
Плагин расширения от Jquery встроенный .position () метод. Если JQuery UI не загружается, вызовите .position() метод не просто не в состоянии , так как этот метод существует в JQuery. Но это не ожидаемое поведение.
примеров
Простая локализация JQuery UI (Position) экземпляр.
<! DOCTYPE HTML>
<HTML LANG = "EN">
<Head>
<Meta Charset = "UTF-8">
<Title> .position () Примеры </ title>
<Link отн = "таблица стилей" HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<Style>
.positionDiv {
позицию: абсолютная;
ширина: 75px;
высота: 75px;
фон: зеленый;
}
</ Style>
<Script SRC = "// code.jquery.com/jquery-1.10.2.js"> </ скрипт>
<Script SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ скрипт>
</ Head>
<Body>
<Div ID = "targetElement">
<Div класс = "positionDiv" ID = "положение1"> </ DIV>
<Div класс = "positionDiv" ID = "Position2"> </ DIV>
<Div класс = "positionDiv" ID = "position3"> </ DIV>
<Div класс = "positionDiv" ID = "position4"> </ DIV>
</ Div>
<Script>
$ ( "# Должность1") .position ({
мой: "центр",
в: "центр",
из: "#targetElement"
});
$ ( "# Position2") .position ({
мой: "левый верх",
в: "левый верх",
из: "#targetElement"
});
$ ( "# Position3") .position ({
мой: "правый центр",
по адресу: "справа внизу",
из: "#targetElement"
});
$ (Документ) .mousemove (функция (событие) {
$ ( "# Position4") .position ({
мой: "левый + 3 снизу-3",
из: события,
столкновение: "подгонки"
});
});
</ Script>
</ Body>
</ HTML>