Под Chrome - Mootools вставка завершается с нулевым элементом

Question

У меня странная проблема в Chrome - на своей странице я внедряю элементы, используя Mootools, в частности лайтбокс, содержащий видео jwplayer. Проблема хрома в том, что ссылка на элемент т.е. $ ( 'Grid_01'); возвращает ноль во второй раз, когда я нажимаю на него. Чтобы обойти это, я пытаюсь проверить элемент на null и повторно ввести его

            var ss = $('holderdiv');
            var x = $('mb_inline_0_-1');
            if(x == null)
            {
                var el = new Element("div", {id: "mb_inline_0_-1"});
            //if this line below runs without error...
                ss.inject(el);

            }
            //.........why would x2 be null?

             var x2 = $('mb_inline_0_-1');

Chrome говорит, что он нулевой. Что я могу сделать, чтобы убедиться, что DOM обновлен?

Спасибо

Answer 1

Инъекция недавно созданного Element записывается в формате newElement.inject(existingElement, position);.

Так что в вашем случае, если вы планируете внедрить недавно созданный div (содержащийся в el) в$('holderdiv'), это должно быть сделано так:

var el = new Element('div', {
    . . .
});
el.inject('holderdiv', 'bottom');    // Although 'bottom' is assumed if nothing is passed

Answer 2

Вы хотите использовать захват, а не ввод.

ss.grab(el);  // Or el.inject(ss);

В вашем коде есть ss, внедряемый в el, который никогда не присоединяется к DOM.