Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: jquery Создание элемента в памяти, не помещая на страницу
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » jquery Создание элемента в памяти, не помещая на страницу

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

1. ekkl - 16 Апреля, 2014 - 12:00:12 - перейти к сообщению
В общем, наверное, что-то упустил в документации.
Использую плавающий <div> для отображения некоторого контента в виде диалогового окна. Думаю это понятно. Решил не держать его на странице, а хранить в виде переменной в памяти. Не получается.
Если определить так
CODE (javascript):
скопировать код в буфер обмена
  1. var dialog = $('body').prepend('<dialog id="xform" class="small" data-reveal><div id="xform-content">\
  2. </div><a class="close-reveal-modal fi-x-circle"></a></dialog>');

То все работает и грузится нормально. Т.е. если поместил на страницу.
Но если сделать, допустим так
CODE (javascript):
скопировать код в буфер обмена
  1. var dialog = $($.parseHTML('<dialog id="xform" class="small" data-reveal><div id="xform-content">\
  2. </div><a class="close-reveal-modal fi-x-circle"></a></dialog>'));

Экран заливается цветом, как и при отображении окна, но оно не отображается. В консоли ошибка
CODE (htmlphp):
скопировать код в буфер обмена
  1. [11:57:19.019] TypeError: settings is undefined @ http://xandra.org/media/js/foundation.js:4112

Предполагаю, что библиотека не отслеживает этот элемент. Причина в этом, или в чём-то другом?
Стоит ли вообще копать, или поместить этот див на страницу и не парится?
2. IllusionMH - 16 Апреля, 2014 - 12:52:08 - перейти к сообщению
ekkl, и как вы этот объект вставляете на страницу для отображения потом?
3. ekkl - 16 Апреля, 2014 - 12:54:22 - перейти к сообщению
CODE (javascript):
скопировать код в буфер обмена
  1. $('#xform-content').html(templates[md5(href)]);
  2.         dialog.foundation('reveal', 'open');
  3.         $(document).foundation({bindings: 'events'}); //запустить обработку событий контента
4. IllusionMH - 16 Апреля, 2014 - 13:12:06 - перейти к сообщению
ekkl, вы уверены что эти строки добавляют этот элемент в DOM? Как он должен отображаться, если его нет в документе?
5. SAD - 16 Апреля, 2014 - 13:15:24 - перейти к сообщению
нахохой так делать ?
CODE (javascript):
скопировать код в буфер обмена
  1.     var dialog = $($.parseHTML('<dialog id="xform" class="small" data-reveal><div id="xform-content">\
  2.    </div><a class="close-reveal-modal fi-x-circle"></a></dialog>'));


просто


CODE (javascript):
скопировать код в буфер обмена
  1.     var dialog = $('<dialog id="xform" class="small" data-reveal><div id="xform-content">\
  2.    </div><a class="close-reveal-modal fi-x-circle"></a></dialog>');
6. ekkl - 16 Апреля, 2014 - 13:20:06 - перейти к сообщению
Используется библиотека Zurb Foundation. Вторая строчка отображает диалоговое окно.
Я так понял, что для отображения нужно добавить єлемент в DOM. Отсюда я вижу два выхода: либо вернуться к первому варианту, либо править библиотеку Zurb, чтобы перед отображением добавлялся элемент.
Просто в примерах на сайте див уже был в документе статически.
Наверное, лучше вернуться к первому варианту, я так думаю...
7. IllusionMH - 16 Апреля, 2014 - 13:26:59 - перейти к сообщению
ekkl, если этот скрипт выполняется всегда, то можно этот блок вообще в конец документа вставить и спрятать стилями.
8. ekkl - 16 Апреля, 2014 - 13:51:47 - перейти к сообщению
Он и так спрятан благодаря data-reveal
А в скрипте лучше сделать так?
CODE (javascript):
скопировать код в буфер обмена
  1. var daialog=$('#xform')

Как я понял.

 

Powered by ExBB FM 1.0 RC1