|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
30.11.2018, 06:07 | #1 |
Форумчанин
Регистрация: 14.10.2011
Сообщений: 137
|
Кривая загрузка Html верстки аяксом
Доброго времени суток.
Пытаюсь сделать чтоб каждая часть сайта загружалась по аяксу и в данном случае хочу подгрузить слайдер. PHP код:
Код HTML:
<div class="card my-3"> <div class="card-header white"> <h6> Друзья</h6> </div> <div class="card-body"> <div class="lightSlider masonry-container" data-item="5" data-item-md="2" data-item-sm="1" data-auto="true" data-loop="true"> <div> <a href="/user/test"> <div class="text-center"> <img class="rounded-circle img-100 img-border" src="tpl/_room1/assets/img/dummy/u4.png" alt=""> <h5>test</h5> <i class="icon-circle text-primary blink"></i> Online </div> </a> </div> <div> <div class="text-center"> <img class="rounded-circle img-100 img-border" src="tpl/_room1/assets/img/dummy/u5.png" alt=""> <h5>Desc</h5> </div> </div> </div> </div> </div> Если я не использую Ajax загрузку и вставлен код с слайдером сразу в htm тогда слайдер работает корректно. Единственная библиотека JS библиотека которая имеется app.js (прикрепил к теме). Хочу сказать что если при вызове ajax'а указать на подключением js библиотеки ( которая в верстке указана выше ), PHP код:
В консоли ошибок нет. Помогите пожалуйста решить эту проблему. Последний раз редактировалось Jleksern; 30.11.2018 в 06:16. |
30.11.2018, 08:13 | #2 |
Старожил
Регистрация: 25.02.2007
Сообщений: 4,177
|
суть в том, что после подгрузки чего либо динамически -обновляется dom дерево, а скрипты были настроены на старое....
и перестают - работать слайдеры, отслеживаться клики и прочее если это JQuery то решается через ON Код:
типа Код:
|
30.11.2018, 10:03 | #3 |
Форумчанин
Регистрация: 14.10.2011
Сообщений: 137
|
Вы дали пищу для того чтоб зацепиться, немного покопавшись, потанцевав, разобрался и обнаружил код для инициализации в самом app.js
Код:
Страниц много которые возвращаются и где надо будет производить инициализацию типо как сейчас. PHP код:
На вскидку приходит идея возвращать в json несколько параметров. 1. Разметка. 2. Название идентификатора/класса 3. Название класса/пакета И производить вызов примерно так (не знаю как на js синтаксисе написать, по этому сумбур с PHP) PHP код:
P.S. Надеюсь был правильно понят)) |
30.11.2018, 10:56 | #4 |
Старожил
Регистрация: 25.02.2007
Сообщений: 4,177
|
сам не делал, точно не скажу... но вроде можно выполнять получаемый результат в eval() обернуть, можно наверное тогда будет разделить - контент через html() отрисовали, js инициализации через eval() выполнили ...
а насчет универсальной инициализации ...имхо - ведь не все так инициализируются... + а вдруг параметры надо передать какие будет |
30.11.2018, 11:25 | #5 |
Форумчанин
Регистрация: 14.10.2011
Сообщений: 137
|
Гуглижом тоже вышел на eval, люди пишут что eval использовать нужно тогда когда без него обойтись невозможно. К сожалению, не уточняют когда именно такой случай!
В данном случае я не рассматриваю варианты с передачей параметров. Код:
Код:
|
30.11.2018, 15:34 | #6 | |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Цитата:
Код:
Alar, верни репу!
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как подгрузить переменную аяксом? | Parallelogram | PHP | 9 | 22.02.2015 19:48 |
загрузка HTML-кода | Alex54 | C/C++ Сетевое программирование | 4 | 03.06.2011 23:19 |
Загрузка html страницы | DinamoBrynsk | Работа с сетью в Delphi | 6 | 13.12.2010 14:16 |