PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

jquery Создание элемента в памяти, не помещая на страницу

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

ekkl	Отправлено: 16 Апреля, 2014 - 12:00:12
Гость Покинул форум Сообщений всего: 69 Дата рег-ции: Окт. 2013 Помог: 0 раз(а)	В общем, наверное, что-то упустил в документации. Использую плавающий <div> для отображения некоторого контента в виде диалогового окна. Думаю это понятно. Решил не держать его на странице, а хранить в виде переменной в памяти. Не получается. Если определить так CODE (javascript): скопировать код в буфер обмена var dialog = $('body').prepend('<dialog id="xform" class="small" data-reveal><div id="xform-content">\ </div><a class="close-reveal-modal fi-x-circle"></a></dialog>'); То все работает и грузится нормально. Т.е. если поместил на страницу. Но если сделать, допустим так CODE (javascript): скопировать код в буфер обмена var dialog = $($.parseHTML('<dialog id="xform" class="small" data-reveal><div id="xform-content">\ </div><a class="close-reveal-modal fi-x-circle"></a></dialog>')); Экран заливается цветом, как и при отображении окна, но оно не отображается. В консоли ошибка CODE (htmlphp): скопировать код в буфер обмена [11:57:19.019] TypeError: settings is undefined @ http://xandra.org/media/js/foundation.js:4112 Предполагаю, что библиотека не отслеживает этот элемент. Причина в этом, или в чём-то другом? Стоит ли вообще копать, или поместить этот див на страницу и не парится?

IllusionMH	Отправлено: 16 Апреля, 2014 - 12:52:08
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	ekkl, и как вы этот объект вставляете на страницу для отображения потом?

ekkl	Отправлено: 16 Апреля, 2014 - 12:54:22
Гость Покинул форум Сообщений всего: 69 Дата рег-ции: Окт. 2013 Помог: 0 раз(а)	CODE (javascript): скопировать код в буфер обмена $('#xform-content').html(templates[md5(href)]); dialog.foundation('reveal', 'open'); $(document).foundation({bindings: 'events'}); //запустить обработку событий контента

IllusionMH	Отправлено: 16 Апреля, 2014 - 13:12:06
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	ekkl, вы уверены что эти строки добавляют этот элемент в DOM? Как он должен отображаться, если его нет в документе? (Отредактировано автором: 16 Апреля, 2014 - 13:12:43)

SAD	Отправлено: 16 Апреля, 2014 - 13:15:24
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	нахохой так делать ? CODE (javascript): скопировать код в буфер обмена var dialog = $($.parseHTML('<dialog id="xform" class="small" data-reveal><div id="xform-content">\ </div><a class="close-reveal-modal fi-x-circle"></a></dialog>')); просто CODE (javascript): скопировать код в буфер обмена var dialog = $('<dialog id="xform" class="small" data-reveal><div id="xform-content">\ </div><a class="close-reveal-modal fi-x-circle"></a></dialog>');

ekkl	Отправлено: 16 Апреля, 2014 - 13:20:06
Гость Покинул форум Сообщений всего: 69 Дата рег-ции: Окт. 2013 Помог: 0 раз(а)	Используется библиотека Zurb Foundation. Вторая строчка отображает диалоговое окно. Я так понял, что для отображения нужно добавить єлемент в DOM. Отсюда я вижу два выхода: либо вернуться к первому варианту, либо править библиотеку Zurb, чтобы перед отображением добавлялся элемент. Просто в примерах на сайте див уже был в документе статически. Наверное, лучше вернуться к первому варианту, я так думаю...

IllusionMH	Отправлено: 16 Апреля, 2014 - 13:26:59
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	ekkl, если этот скрипт выполняется всегда, то можно этот блок вообще в конец документа вставить и спрятать стилями.

ekkl	Отправлено: 16 Апреля, 2014 - 13:51:47
Гость Покинул форум Сообщений всего: 69 Дата рег-ции: Окт. 2013 Помог: 0 раз(а)	Он и так спрятан благодаря data-reveal А в скрипте лучше сделать так? CODE (javascript): скопировать код в буфер обмена var daialog=$('#xform') Как я понял.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.