День добрый.
Столкнулся с такой проблемой:
Есть 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
Буду рад помощи.
И кстати при перезагрузке страницы слайдер начинает работать.