Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.01.2016, 21:46
Новичок на форуме
Отправить личное сообщение для REI555 Посмотреть профиль Найти все сообщения от REI555
 
Регистрация: 18.01.2014
Сообщений: 3

Добавление слайдов в слайдер через Ajax
Привет народ.Подскажите, есть слайдер.

div id="carousel">
      <a href="#"><img src="http://www.cyberforum.ru/images/1.jpg" id="item-1" /></a>
      <a href="#"><img src="http://www.cyberforum.ru/images/2.jpg" id="item-2" /></a>
      <a href="#"><img src="http://www.cyberforum.ru/images/3.jpg" id="item-3" /></a>
      <a href="#"><img src="http://www.cyberforum.ru/images/4.jpg" id="item-4" /></a>
      
    </div>
    <a href="#" id="prev">Prev</a> | <a href="#" id="next">Next</a>

$(document).ready(function () {
        var carousel = $("#carousel").waterwheelCarousel({
          flankingItems: 3,
         
        });

        $('#prev').bind('click', function () {
          carousel.prev();
          return false
        });

        $('#next').bind('click', function () {
          carousel.next();
          return false;
        });

        $('#reload').bind('click', function () {
          newOptions = eval("(" + $('#newoptions').val() + ")");
          carousel.reload(newOptions);
		  
          return false;
        });

      });


Пытаюсь , изменять в нем слайды , без перезагрузки страницы.
Есть кнопки на сайте, нажимаю, отправляется запрос ajax , получает новые картинки (в консоле смотрю ответ)
<div id="carousel">
      
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/images/5.jpg" id="item-5" /><
/a>
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/images/6.jpg" id="item-6" /><
/a>
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/images/7.jpg" id="item-7" /><
/a>
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/images/8.jpg" id="item-8" /><
/a>
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/mages/9.jpg" id="item-9" /></a
>
    </div>
    <a href="#" id="prev">Prev</a> | <a href="#" id="next">Next</a>

Но слайдер не работает...
Сделал кнопку для теста (Запускать функцию carousel.reload(); )
Жму на нее , так же ни чего не происходит.
Подскажите в чем беда?
Вот сайт слайдера
Ответить с цитированием
  #2 (permalink)  
Старый 01.02.2016, 15:51
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

REI555,
1. До перезагрузки слайдов карусель работает?
2. Что вы делаете в этой строке? newOptions = eval("(" + $('#newoptions').val() + ")");
3. А пробовали запустить carousel.reload(); в таком виде, без newOptions ?
(и зачем вам новые опции?)

Последний раз редактировалось Dilettante_Pro, 01.02.2016 в 16:28.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При отправке через ajax не открывается файл-адресат temuch-13 AJAX и COMET 6 09.07.2014 17:03
Ajax работает через раз MixMuz AJAX и COMET 7 04.07.2014 03:31
загрузка через AJAX в модальные окна hardware AJAX и COMET 2 20.01.2014 11:48
загрузка через AJAX в модальные окна hardware jQuery 4 09.01.2014 21:33
Просмотр передаваемых данных через AJAX Гость AJAX и COMET 3 04.08.2008 14:34