Photoswipe тот же исходный код, но вывод не работает

Question

У меня есть эта часть кода, которая обновляет содержимое ul.

Он работает с первой загрузкой, где содержимое ul напрямую загружается, но я делаю новый контент каждые 10 секунд, чтобы пользователь всегда мог получать новый контент.

Исходный код контента, предоставляемый javascript-вызовом, точно такой же, как и при первом загрузке. Тогда же Javascript вызов не работает

The Javascript:

<script type="text/javascript"> 
    setInterval(function() { 
     $("#vbar").load(location.href+" #vbar>*",""); 
    }, 10000); 
</script> 

HTML-код:

<ul id="vbar" class="gallery">   
    <li> 
     <a href="http://i2.listal.com/image/3550836/600full-taylor-swift.jpg" rel="external">Taylor Swift </a> 
    </li> 
    <li> 
     <a href="http://i2.listal.com/image/303530/600full-jessica-lange.jpg" rel="external">Jessica Lange </a> 
    </li> 
    <li> 
     <a href="http://i2.listal.com/image/2844304/600full.jpg" rel="external"> </a> 
    </li> 
    <li> 
     <a href="http://i2.listal.com/image/524086/600full-caroline-ribeiro.jpg" rel="external">Caroline Ribeiro </a> 
    </li> 
    <li> 
     <a href="http://i2.listal.com/image/2402821/600full-francine-dee.jpg" rel="external">Francine Dee </a> 
    </li>     
</ul> 

Я не пытался не кеш и не использовал этот код в заголовке, то также не использовать

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> 
    <meta http-equiv="Pragma" content="no-cache" /> 
    <meta http-equiv="Expires" content="0" /> 

код в реальном времени

http://www.way2enjoy.com/touch/w2et/newphoto12.php 

в дополнение к этому я могу изменить urlwhen новое содержание вставлены

Answer 1

Я хотел бы использовать jQuery ready.

Что-то вроде

<script type="text/javascript"> 
$(document).ready(function(){ 
    setInterval(function() { 
     $("#vbar").load(location.href+" #vbar>*",""); 
    }, 10000); 
}); 
</script> 

НО, лучший способ объясняется @Cletus in his answer.

Существует карусель в примере, you linked in the comment section вопрос сейчас является то, что в то время как в карусели, то setTimeout не обновляет каруселью

Растворы:

• Создать массив сохраните ВСЕ изображения, которые обновляются.
• Обновлять ГИМ в карусели, называя карусель в SetTimeout

В обоих, вы должны видеть, если код в карусели блокирует код тайм-аут. Проверьте с помощью инструментов chrome dev или даже предупреждения ('test'); должен выполнить эту работу.