Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
xDanbo
14 / 14 / 7
Регистрация: 12.04.2014
Сообщений: 101
1

Инициализация bootstrap carousel после вызова через ajax

01.03.2016, 11:30. Просмотров 316. Ответов 0

Привет.

Страница формируется подгрузкой блоков вёрстки через ajax-вызовы. Когда блоки сразу загружены на страницу без ajax, то слайдер bootstrap carousel в этих блоках автоматически перелистывает слайды через определённые промежутки времени. Но если слайдеры вызываются через ajax, то инициализации не происходит -- надо нажать стрелочку перелистывания слайдов, и тогда до слайдера "доходит", что он есть на странице и надо самому листать слайды. Как его инициализировать при вызове?

Код вызова следующий:

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
(function() {
 
 function ajax(geturl, showhere) {
        var ajaxObject;
        if (window.XMLHttpRequest) {
            var d = new Date();
            ajaxObject = new XMLHttpRequest();
            ajaxObject.open("GET", geturl + '?unk=' + d, true);
            ajaxObject.send();
            ajaxObject.onreadystatechange = function() {
                if (ajaxObject.readyState == 4 && ajaxObject.status == 200) {
                    document.getElementById(showhere).innerHTML = ajaxObject.responseText;
                }
            }
        }
    }
        
    var ifScroll = false;
    
    window.onscroll = function() {
        if (!ifScroll) {
            ajax('/templates/enter/landing-pages/blocks/dizayn-proyekt.txt', 'landing-body-1');
            ajax('/templates/enter/landing-pages/blocks/nashi-dizaynery.txt', 'landing-body-2');
 
            ifScroll = true;
        }
    }
    
})();
HTML5
1
2
<div id="landing-body-1"></div>
<div id="landing-body-2"></div>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
01.03.2016, 11:30
Ответы с готовыми решениями:

Swipe в carousel на bootstrap
Всем привет! Как сделать swipe (прокрутку при перетягивании слайда) для...

Framework slider carousel bootstrap для динамического списка
Необходимо реализовать слайдер carousel для для динамического списка, в котором...

ajax и инициализация пользователя
имеется неккая форма для вводп пользоветелём логина и пароля. например такая...

После вставки ответа ajax в input запроса, ответ ajax не изменяется
Здравствуйте! В общем так, есть поле input, есть таблица с полем count....

Почему не запоминается переменная после первого вызова функции ?
В общем есть кнопки и одна последняя кнопка . На них поставил функции по клику...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
01.03.2016, 11:30

Инициализация скрипта через скрипт
Всем привет! Помогите пожалуйсто. Такая ситуация на странице есть скрипт_1 и...

Инициализация объекта через строку
Доброго времени. Задача в следующем ... (возьмём для примера объект «screen»)...

После подключения jQuery перестала работать кнопка вызова функции
В PHP документе использую JavaScript функции. Потребовалось добавить функцию...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru