Объясните, почему так происходит
Всем привет, есть вот такой код, скажем:
$(function() { var obj = { test: $('#menu') }; }); После загрузки страницы, obj.test равен объекту, но видимо что-то с ним не так, т.к работать с ним не получается. Проблему решили следующим путем - сам файл, содержащий объекты такого вида, был перенесен в конец файла html перед закрывающим тегом </body> И о чудо! все работает. Если смотреть через консоль, то объекты чуточку отличаются друг от друга(при случае когда файл находится в HEAD и ближе к </body>) Вопрос: почему так происходит,и с чем это может быть связанно? Интересно узнать причину.Спасибо |
Цитата:
|
нет картинок там нет
|
код меню
<ul id="menu"> <li class="menu-item menu-home" onclick="navigate('home')"> <a href="#"></a> </li> <li class="menu-item menu-stock" onclick="navigate('stock')"> <a href="#">акции</a> </li> <li class="menu-item menu-about" onclick="navigate('about')"> <a href="#">о компании</a> </li> <li class="menu-item menu-installment" onclick="navigate('installment')"> <a href="#">рассрочка</a> </li> <li class="menu-item menu-contact" onclick="navigate('contact')"> <a href="#">контакты</a> </li> <li class="menu-item menu-item-clear"></li> <li class="menu-item menu-phone" onclick="navigate('contact')"> <a href="#">+7 (495) 229 80 84</a> </li> <li class="menu-item menu-by" onclick="navigate('by')"> <a href="#"> <img class="arrow" alt="" src="style/images/arrow.png" /> сделать заказ </a> </li> </ul> картинка есть, одна. в этом может быть проблема? |
Цитата:
$(window).load(function () { // манипуляции с готовой страницей }); |
Цитата:
|
ak-o,
задайте размер картинке -- а желательно и всем картинкам на странице |
Цитата:
вроде $(function(){}) является аналогом doc.ready |
является. Странно это. Прям мистика какая-то. Меню точно не генерируется скриптом? Консоль вам в помощь, видимо чего-то не учли.
|
Сами удивились такой штуке =) Нет, меню не генерируется.
сейчас занят, может ближе к концу дня выложу пример с этой мистикой |
Цитата:
|
Вложений: 1
Вчера не получилось.
Вот сайтик, обрезал его как мог,что бы лишнее не мешало. Вынес этот код в документ.риди (ничего не работает\а работать должно так: меню поднимается к верху страницы при клике по нему) var page_home = { name : 'home', menu : $('#menu'), title : ' - Главная' }; Если перенести его вниз(за пределы док.риди) все работает.(наверно за счет того, что скрипт включается перед закрывающим body) А теперь, самое интересное. Возьмем строку 44 из index.html и переместим её в <Head> - ничего не работает.(при обоих вариантах расположения кода, хоть в док.риди хоть нет) Именно этот эффект, я бы и хотел понять, почему нельзя работать с этим объектом, когда JS файл загружен в <Head> и Объект находится в Док.Риди. Я думаю, что он должен был создаться после загрузки страницы, но когда мы тыкаем на меню, получаем ошибку ReferenceError: page_home is not defined ------------- К слову - |
Цитата:
|
Часовой пояс GMT +3, время: 11:07. |