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

Question

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

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

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

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

в дополнение к этому я могу изменить URL, когда новый контент вставлен

Answer 1

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

Что-то вроде

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

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

В примере, который вы связали в разделе комментариев, есть карусель, проблема сейчас в том, что в карусели setTimeout не обновляет карусель

Решения:

• Создайте массив для хранения ВСЕХ изображений, которые обновляются.
• Обновите imgs в карусели, вызвав карусель в setTimeout

В обоих случаях необходимо проверить, не блокирует ли код в карусели код тайм-аута. Проверьте с помощью инструментов Chrome Dev или даже оповещения ("тест"); должен сделать работу.