как получить положение div в Mootools?

Question

Я новичок в Mootools World, и я учусь этому. Я застрял в маленьком случае измерения.Вот мой код, я был вставлен в jsFiddle:

Пример кода FIddle

Код: HTML <div class="container"><div id="animate"></div></div>

код mootools: var pos = $$('#animate').getPosition(); alert(pos.x);

Я могу предупредить getPosition по объекту, но пошел, я получаю как: myElement.getPosition().x - этот результат = неопределенный: (.

Pls, исправьте мой код, спасибо!

Answer 1

Ваш код mootools неправильный.

$$ говорит this.document.getElements() (или Slick.search сейчас) и возвращает новую коллекцию элементов (массив элементов с прототипами элементов).

$$("#animate") говорит, верните коллекцию всех элементов с идентификатором animate (надеюсь, у вас есть только один :-p). результат этого: [object] - коллекция HTML. Затем вы применяете getPosition() к этому, что также возвращает массив [{x: nnnn, y: nnn}].

Во всяком случае, именно поэтому он терпит неудачу.

Как исправить

когда вы хотите вернуть один элемент по id, mootools очень специфичен: используйте document.id("animate") или ярлык для него $("animate"). Обратите внимание, что в отличие от jquery, здесь пропущен знак # - он идентичен тому, что делает нативный js document.getElementById("animate"), за исключением того, что он делает больше (например, расширяет proto и назначает uid).

если не уверены, всегда console.log результат - он показал бы вам массив.

NB Вы не можете получить позицию или размер для элементов, которые не находятся в dom, бит, который идет без слов.

http://jsfiddle.net/dimitar/ZHkAb/2/