В Chrome - ошибка Mootools с нулевым элементом

Question

У меня эта странная проблема в Chrome - на моей странице я вставляю элементы, используя Mootools, в частности, лайтбокс, содержащий видео jwplayer. Проблема в хроме заключается в том, что обращение к элементу ie. $ ('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'); 

Хром говорит о своем отсутствии. Есть ли что-то, что я могу сделать, чтобы обновить DOM?

Thanks

Answer 1

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

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

Answer 2

Внедрение новоиспеченного 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