jQuery Script Triggering Другой скрипт jQuery

Question

Я использую 2 скрипта jQuery на странице, состоящей из повторяющихся элементов (в основном, в виде галереи миниатюр). Скрипты находятся в конце html-страницы в двух отдельных тегах сценария.

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

Вторая бесконечная прокрутка AJAX, которая добавляет больше предметов на страницу при прокрутке вниз.

Проблема, с которой я, похоже, сталкиваюсь, - это когда страница сначала загружается, скрипт touchTouch изменяет большие пальцы, присутствующие на странице. Затем я прокручиваю и бесконечный скрипт прокрутки добавляет больше больших пальцев, но недавно добавленные большие пальцы не изменяются с помощью скрипта touchTouch, поэтому не работают так, как должны, когда нажимают.

Как сделать скрипт touchTouch снова запущенным после того, как бесконечный скрипт прокрутки добавил новые элементы на страницу?

Вот отрывок из конца HTML

<script src="assets/touchTouch.jquery.js" type="text/javascript"></script> 
<script> 
$(function(){ 
// Initialize the gallery $('#thumbs a').touchTouch(); }); 
</script> 

<script type="text/javascript" src="assets/jquery-ias.min.js"></script> 
<script type="text/javascript"> 
var ias = $.ias({ 
    container: "#thumbs", 
    item: ".thumb", 
    pagination: "#pagination", 
    next: ".next a" 
}); 
    ias.extension(new IASSpinnerExtension()); 
    ias.extension(new IASTriggerExtension({offset: 5})); 
    ias.extension(new IASNoneLeftExtension({text: 'There are no more pages left to load.'}) 
); 
</script> 
</body> 
</html> 

Answer 1

Использования бесконечного AJAX прокрутки плагина, вы можете иметь его запустить функцию обратного вызова, когда он загрузил изображения. В этой функции вы можете снова вызвать метод .touchTouch().

ias.on('rendered', function(items) { 
    $('#thumbs a').touchTouch(); 
});