DragDrop сохранить DIV/позиции IMG на странице

Question

настоящее время я использую этот вид метода, который позволяет мне перетащить дивы/ГИМ в DIV (периметр основе)

<script> 
$(function() { 
    $("#video").draggable({ containment: "#container2", scroll: false }); 
    $("#umbrella").draggable({ containment: "#container2", scroll: false }); 
      $("#plane").draggable({ containment: "#container2", scroll: false }); 
      $("#peace").draggable({ containment: "#container2", scroll: false }); 
      $("#thought").draggable({ containment: "#container2", scroll: false }); 
    $("#thought2").draggable({ containment: "#container2", scroll: false }); 
    $("#beachball").draggable({ containment: "#container2", scroll: false }); 
}); 
</script> 

Я пытаюсь сохранить сопротивление и падение DIV точно там, где помещено в div parimiter, и отправить его в таблицу MYSQL, которая сообщит браузеру, где он должен быть размещен в будущем (или после сохранения)

Я просто не уверен, как получить точный координаты через JS или JQUERY

Любая помощь будет оценена!

Спасибо заранее

Эндрю

Answer 1

Попробуйте это:

$("#video").draggable({ 
      stop : function() { 
       alert("X=" + $(this).position().left + ", Y=" + $(this).position().top); 
      } 
}); 

Демо: http://jsfiddle.net/codef0rmer/FXwME/

Более подробную информацию можно найти здесь: решение http://jqueryui.com/demos/draggable/#event-stop

Answer 2

JQuery:

var divPos = $('#div').position(); 

Теперь вы можете использовать

divPos.left

divPos.right

divPos.top

и

divPos.bottom

, чтобы получить точные координаты.

Для получения дополнительной информации о .position(), смотрите здесь: http://api.jquery.com/position/