Как отследить изменение расположения элемента в DOM?

Question

[EvgMul]

Здравствуйте, пользуюсь вот этим плагином https://jqueryui.com/sortable/ для изменения расположения элементов на странице.
Возникла необходимость отслеживания изменения расположения какого-либо элемента.
Т.е. в тот момент когда я перетащил элемент и отпустил мышь, должна срабатывать функция.
Подскажите пожалуйста, как это можно сделать. Заранее благодарен всем отозвавшимся.

Answer 1

[Anton B]

На этом же сайте смотрите столбец Events (события).
Вам подходит событие update:

$( ".selector" ).sortable({
  update: function( event, ui ) {}
});

Comments

[EvgMul]

Спасибо большое, это то, что нужно. Только начинаю и не совсем разбираюсь где что искать. Буду исправляться :)

Answer 2

[wellgo]

В callback-и "update" или "stop" (смотря что вам нужно, первое - вызывается только если что-то изменилось, второе - при любом "отжимании" мышки) вторым параметром передается объект "ui" в нем есть массив position и originalPosition, содержащий положение "top" и "left" в контексте элемента, к которому привязан sortable.

Нажмите "Api documentation" по вашей ссылке, там много полезного;)

Comments

[EvgMul]

Спасибо, теперь знаю, как правильно пользоваться документацией. Только начинаю и многого не знаю. :)

[wellgo]

Пожалуйста:) Быстрее всего - google + google-translate (если проблемы с англ).
Ваш пример - "jquery ui callback change", среди результатов ищите официальные доки (по домену), stackoverflow и тостер.