javascript - 将Mootools 1.3元素添加到文档主体

我尝试使用注入(inject)，采用和抓取方法将我的新元素插入文档主体，但是它似乎无法正常工作。

我真正希望它做的是创建一个新的div，该div显示在主体中所有其他元素的上方。我有它在mootools的先前版本中工作，但是无法使其在1.3中工作。

我以为我会看看这里是否有人可以提供帮助，干杯!

  var overlay = new Element('div', {
    'class': 'overlay',
    styles: {
      display: 'block',
      visibility: 'visible',
      position: 'fixed',
      background-color: '#4E5056',
      z-index: 65555,
      height: '100%',
      width: '100%',
      top: 0,
      left: 0
    }
  });

  $(document.body).inject(overlay);

最佳答案

您可以从使用jshint / jslint中受益。

您不能像这样保留background-color和z-index，在它们周围使用“”或使用backgroundColor和zIndex的脚本版本。

jslint的输出:



您没有调试器吗？ chrome / webkit中的Web检查器或firefox中的firebug清楚地显示了以下异常:

missing : after property id
[Break On This Error] background-color: '#4E5056',

最后，注入(inject):

element.inject(document.body);
// or
$(document.body).adopt(element);

也看看jsfiddle:http://jsfiddle.net/dimitar/SW3pK/

您也可以单击那里的jslint按钮来验证代码。

关于javascript - 将Mootools 1.3元素添加到文档主体，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5311075/