Какое событие наступает при соприкосновении двух <div> тегов?
 

Как вывести алерт при соприкосновении красного блока с зелёным?? Какое должно быть условие?

http://jsfiddle.net/xLa9m/1/
(Жмите на стрелки вправо, влево для управления квадратиком.)

Такой вариант нашёл. http://jsfiddle.net/xLa9m/11/
С методом offset()
Нормальный метод? Или нужны доработки?

а чем вас мой метод не устроил?
http://jsfiddle.net/xLa9m/3/

http://jsfiddle.net/xLa9m/13/
вот чутка подправил

Ага. Классная версия подправленная. Спасибо.
Я тренируюсь. Сделал свою версию, она почему то не так работает.
http://jsfiddle.net/xLa9m/18/
При соприкосновении алерт не вылетает. Вылетает только тогда когда назад нажмёшь.
Почему так происходит?

Потому что на момент вызова функции проверки анимация еще не завершилась и координаты берутся те которые были в начале анимации.
Функцию проверки надо вызывать каллбеком после завершения анимации, например так:

$(".gamer").animate({"left" : "-=50px"}, 200, check);

:write: чтобы уж "совсем точно" )))
$(".gamer").animate({"left" : "-=50px"}, {duration:200, step : check});
http://jsfiddle.net/xLa9m/19/

рони, здесь ведь алерт два раза вызывается. Хотя задан один раз.
Если запускать через complete, то алерт выскакивает уже после окончания анимации. http://jsfiddle.net/xLa9m/20/ Не подходит.

koderman,
на всякий случай при step алерт запускается раз 10 -15 -- если конечно использовать console.log вместо alert )))

Нет. Тут что то не так.
Вот я вместо алерта добавляю надпись ОДИН раз, а она выводится МНОГО раз. http://jsfiddle.net/xLa9m/22/
Срабатывание нужно немедленное, так что параметр complete не подойдёт.
Почему много раз вставляется текст?

Чем меньше duration, http://jsfiddle.net/xLa9m/24/ тем меньше надписей. Как исправить это?
Допустим я хочу длинный duration и только одно выполнение функции, а не кучу.

Вот. http://jsfiddle.net/xLa9m/25/
Надо ставить выход из функции после первого шага.