Добавить элемент Mootools 1.3 в тело документа - PullRequest
Новая
       4

Добавить элемент Mootools 1.3 в тело документа

2 голосов
/ 15 марта 2011

Я пытался использовать методы inject, accept и grab для вставки моего нового элемента в тело документа, но, похоже, он не работает.

Что я действительно хочу, это создать новый элемент div, который будет отображаться поверх всех других элементов в теле.У меня это работает в предыдущей итерации mootools, но я не могу заставить его работать в 1.3.

Просто подумал, что увижу, есть ли у кого-нибудь какие-нибудь идеи, которые могут помочь, Cheers!

Ответы [ 2 ]

5 голосов
/ 15 марта 2011

вы можете воспользоваться jshint / jslint.

вы не можете оставить background-color и z-index таким, использовать "" вокруг них или использовать версии сценариев backgroundColor и zIndex.

вывод jslint:

Ошибка:

Проблема в строке 7, символ 17: Ожидаемый ':' и вместо этого увидел '-'.

цвет фона: '# 4E5056',

Проблема в строке 7, символ 23: Ожидается, что '}' будет соответствовать '{' из строки 3 и вместо этого увидел ':'.

цвет фона: '# 4E5056',

Проблема в строке 7, символ 25: Ожидается, что '}' будет соответствовать '{' из строки 1 и вместо этого увидел «# 4E5056».

цвет фона: '# 4E5056',

Проблема в строке 8, символ 14: Ожидается ')' и вместо этого видит ':'.

z-индекс: 65555,

Проблема в строке 8, символ 15: Отсутствует точка с запятой.

z-индекс: 65555,

Проблема в строке 8, символ 16: Ожидаемое назначение или функция позвони и вместо этого увидел выражение.

z-индекс: 65555,

Проблема в строке 8, символ 21: Отсутствует точка с запятой.

z-индекс: 65555,

Проблема в строке 8, символ 21: Ожидаемый идентификатор и вместо этого увидел ''.

z-индекс: 65555,

Проблема в строке 8, символ 21: Остановка, невозможно продолжить. (53% сканироваться).

у вас нет отладчика? веб-инспектор в Chrome / WebKit или Firebug в Firefox четко показывают исключение: 

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

и, наконец, инъекция: 

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

посмотрите также на jsfiddle: http://jsfiddle.net/dimitar/SW3pK/

Вы также можете нажать кнопку jslint, чтобы проверить код.

1 голос
/ 15 марта 2011

Вы должны использовать: 

overlay.inject(document.body);

http://mootools.net/docs/core/Element/Element#Element:inject

Вы также должны писать свойства всегда в 'или', как сказал Димитар.

Пример: 

{
    'display': 'block',
    'background-color': '#F00'
}
...