document.body é nulo

Question

Eu tenho uma página em que estou usando o Mootools 1.2.4 e MediaBoxadvanced como uma caixa de luz. Parece que não consigo fazer a coisa funcionar por causa de um erro de JavaScript específico

document.body é nulo

Na inicialização do MediaBox:

$(document.body).adopt(
     $$([
          overlay = new Element("div", {id: "mbOverlay"}).addEvent("click", close),
          center = new Element("div", {id: "mbCenter"})
     ]).setStyle("display", "none")
); 

A página é aqui. Se você estiver com o nome, a imagem ou o botão mais informações do cara, ele deve iniciar o MediaBox. Via Firebug, confirmei que o CSS está carregando, Mootools está carregando e o script MediaBox está carregando; Todos os caminhos para as imagens e tudo também estão corretos.

Alguma ideia?

Answer 1

Você só pode usar $ em um elemento retornado do getElementById. Uma solução simples é usar $$.

$$('body')[0].adopt...