Jquery dynamic offset or position

@LeeSwagger · Регистрация: 18.10.2011

Студворк — интернет-сервис помощи студентам

Всем привет.

Хотел бы узнать, реально ли динамически вычислять offset (или position) у append'еных элементов?

Например:

JavaScript
1
2
3
$(target).append($('<div style="width:10mm; height:10mm; display:block;">some</div>'));
      var appendedObj = $(target).find("div");
      alert($(appendedObj).offset().left +' ' + $(appendedObj).offset().top);

Пока что постоянно отображает 0 0, уже много раз тестировал, с различными блоками =(

Вообще мне нужно вычилсять динамически offset для float элементов (там вообще анрил), но у меня даже для обычных динамических не пашет =(

А вообще изначально я пришел к этому так: Необходимо, чтобы float элементу задавался не только float:left и right, а float-offset: value value; (Это забудьте, т.к. указать позицию горизонтального float да ещё и с обтеканием текста по бокам (который в одном span), походу вообще сложно очень сделать, хаками)). Достаточно чтобы работал float-offset-y: value, т.е. пользователь задает начальную позицию float по вертикали.

Для этого я пишу свой Jquery скрипт, который это делает, но там постоянно происходит проверка добавленного float (удовлетворяется ли условие float-offset-y). Для этого нужно динамически определять offset =( А он постоянно 0 0 возвращает.

@ostgals · 22.06.2012, 11:05

Скорее всего, ваш target не присоединен к DOM или это невидимый узел. Для невидимых узлов и их детей offset не вычисляется.

Рабочий пример: http://jsfiddle.net/9wqTJ/

Добавлено через 48 секунд
А это с невидимым target: http://jsfiddle.net/9wqTJ/1/

Новые блоги и статьи Все статьи Все блоги /
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .

@ostgals 886 / 681 / 101 Регистрация: 23.01.2009 Сообщений: 1,582
	22.06.2012, 11:05
	Скорее всего, ваш target не присоединен к DOM или это невидимый узел. Для невидимых узлов и их детей offset не вычисляется. Рабочий пример: http://jsfiddle.net/9wqTJ/ Добавлено через 48 секунд А это с невидимым target: http://jsfiddle.net/9wqTJ/1/ 0