Показать сообщение отдельно
  #1 (permalink)  
Старый 18.05.2015, 10:16
Аватар для apolon13
Интересующийся
Отправить личное сообщение для apolon13 Посмотреть профиль Найти все сообщения от apolon13
 
Регистрация: 24.04.2015
Сообщений: 28

bxslider на динамически созданных элементах.
День добрый.

Столкнулся с такой проблемой:

Есть bxslider и разметка слайдера которая приходит из бд.
Вот код
$(document).ready(function(){
  $('a:not(a[href^=http],a.bx-prev,a.bx-next,a#dvigat,a[data-slide-index])').on('click', function(event){
              event.preventDefault();
               var href = $(this).attr('href');
                   $.ajax({
                   type: "POST",
                   url: "ajax.php",
                   data: 'page='+href,
                   dataType: "json",
                   success: function(data) { 
                      $('article.preview-news').hide().html(data.text).fadeIn(200);
                        $('title').html(data.title);
                              if(data.page == 'hostel'){
                             setTimeout(function(){										
                               $(".two_bxslider").bxSlider({
                                     speed: '300',
                                     auto: true,
                                     randomStart: true
                             });	
                                 $('.foto_box_hidden').hide();
                                   $('a.photo_view_hostel').click(function(event){
                                      event.preventDefault();
                                     $('.foto_box_hidden').toggle();
                                           });
                         ;},100);
                     }
		}//success
           })//ajax
      })//.on
})//ready


и код разметки
<div class="foto_box_hidden"><ul class="two_bxslider">
                                  <li><img src="img/zadv1.jpg" width="600" height="450" alt="img"></li>
                                  <li><img src="img/zadv2.jpg" width="600" height="450" alt="img"></li>
                                  <li><img src="img/zadv3.jpg" width="600" height="450" alt="img"></li>
                                  <li><img src="img/zadv4.jpg" width="600" height="450" alt="img"></li>
                                  <li><img src="img/zadv5.jpg" width="600" height="450" alt="img"></li></ul></div>


Проблема состоит в том что скрипт не всегда подцепляет данную разметку.

Т.е при желании развернуть блок и посмотреть на картиночки посетитель видит там такую картину:http://hostingkartinok.com/show-imag...da026ee2ea3056
Буду рад помощи.

И кстати при перезагрузке страницы слайдер начинает работать.

Последний раз редактировалось apolon13, 18.05.2015 в 11:47.
Ответить с цитированием