Форум программистов, компьютерный форум, киберфорум
Наши страницы

JavaScript

Войти
Регистрация
Восстановить пароль
 
xDanbo
12 / 12 / 7
Регистрация: 12.04.2014
Сообщений: 101
#1

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

01.03.2016, 11:30. Просмотров 246. Ответов 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
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Инициализация bootstrap carousel после вызова через ajax (JavaScript):

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

Framework slider carousel bootstrap для динамического списка - JavaScript
Необходимо реализовать слайдер carousel для для динамического списка, в котором элементы добавляются/удаляются и их количество и ширина...

ajax и инициализация пользователя - JavaScript
имеется неккая форма для вводп пользоветелём логина и пароля. например такая &lt;form id=&quot;login&quot; method=&quot;post&quot; action=&quot;&quot;&gt; . . . ...

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

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

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

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

Owl Carousel 2 слетает в исходное положение после Ajax запроса - jQuery
Горячий привет всем участникам сообщества! Я в js полный ноль, по-этому надеюсь найти решение своей проблемы на этом форуме. ...

Bootstrap carousel - JavaScript
здравствуйте, помогите разобраться, я в js не очень, подскажите с интервалом. есть bootstrap carousel. слайдер, все работает хорошо, но...

Инициализация jquery функций после ajax - jQuery
Здравствуйте. Jquery подгружает контент через load в определённый div. Для того, чтобы работали jquery функции мне приходится...

Изменение carousel-control в twitter bootstrap 2.3.2 - HTML, CSS
кто подскажет как изменить стандартные стрелочки слайдера в бутстрапе на другие. пример - сейчас такие: А нужны такие:


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

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

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