Проверьте, перекрываются ли объекты (в динамической среде) - jQuery - PullRequest
Новая
       15

Проверьте, перекрываются ли объекты (в динамической среде) - jQuery

0 голосов
/ 10 февраля 2012

Прежде всего, пожалуйста посмотрите демонстрацию . Прокрутите вниз, пока не увидите блоки изображений, и наведите на них курсор. Вы заметите, что у некоторых есть описание, которое перекрывает строку Дата / категория. Моя цель - проверить именно это.

Я выяснил, что вы можете легко проверить, перекрывает ли один объект другой, сравнивая их значения смещения. В моем случае, например, первый объект находится выше второго; поэтому мне нужно было сравнить их верхнее смещение вот так: 

var onePos = $(one).offset().top+$(one).outerHeight(true),
    twoPos = $(two).offset().top;

if(onePos >= twoPos) {
    // object ONE is overlapping object TWO!
}

Однако теперь я использую изотопный плагин , который генерирует решетчатую сетку, где смещения объектов не обязательно равны тому, где они в конечном итоге располагаются.

Поэтому здесь я пытаюсь найти стабильный метод проверки, перекрывают ли два объекта друг друга (в частности, если объект ONE перекрывает объект TWO).

Надеюсь, я все объяснил ясно. Если я что-то пропустил, пожалуйста, дайте мне знать!
Спасибо миллион,

...