Подрузка контента
 

Добрый день. Необходима помощь. Такая ситуация, у меня есть динамичный вывод контента через JQuery.
вот он - http://xozblog.ru/2013/01/infinite-scroll/

подружается контент в таких панелях как на скриншоте из файла getcontent.php и выводится в <div class="content"></div> в файле index.php

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

проблема:
эти элементы не работают.
а вот если я панели не подгружаю с помощью jquery, а просто вывожу на страницу (в index.php), все работает.

вопрос:
что сделать чтобы они функционалировали должным образом?
буду благодарен за любую помощь

собственно файл getmaterial.php

<?php
    # {динамическая подрузка контента Ajax}
    require '../../engine/config.php';   
    require '../../engine/functions.php';
    
    # {подключение к базе}
  	db_connect(db_server,db_user,db_passwd,db_name); 
  	
  	# {получение сколько надо подгрузить}
	$offset = is_numeric($_POST['offset']) ? $_POST['offset'] : die();
	$postnumbers = is_numeric($_POST['number']) ? $_POST['number'] : die();

	# {запрос}
	$run = mysql_query("SELECT * FROM material ORDER BY id DESC LIMIT ".$postnumbers." OFFSET ".$offset);

	# {цикл - вывод}
	while($row = mysql_fetch_array($run)) {
		$content = substr(strip_tags($row['id']), 0, 500);
	
?>
		<script type="text/javascript">
        	$(document).ready(function(){
            	jQuery("span.timeago<?php echo $row['id']; ?>").timeago();
        	});
    	</script>     	
 		<!-- Material -->
		<div class="panel panel-flat" style="position: static;">
			<div class="panel-heading">  
			<h6 class="panel-title"><?php echo $row['name_famaly']; ?><a class="heading-elements-toggle"><i class="icon-more"></i></a></h6>
				<span class="text-muted">
					 <?php echo $row['city']; ?>
				</span>
				<div class="heading-elements">
					<span class="heading-text"><i class="icon-checkmark-circle position-left text-success"></i> <span class="timeago<?php echo $row['id']; ?>" title="<?php echo $row['date'];?>"></span></span>
					<ul class="icons-list">
						<li><a data-action="collapse" class=""></a></li>
					    <li><a data-action="close"></a></li>
					</ul>
				</div> 
			</div>

			<?php
				# {главная фотка}
				$login = $row['author'];
				$unical_id = $row['unical_id'];	
						
				if ($row['onephoto'] == 'none') {
					# {получить самостоятельно если модератор не указал}
					$onephoto = glob("public/photos/$login/$unical_id/*");
				}
				else {
					$onephoto[0] = $row['onephoto'];
				}
			?>

			<div class="panel-body" style="display: block;">
				<div class="thumbnail">
					<div class="thumb">
						<img src="<?php echo $onephoto[0]; ?>" alt="">
						<div class="caption-overflow">
							<span>
								<a href="<?php echo $onephoto[0]; ?>" data-popup="lightbox" rel="gallery" class="btn border-white text-white btn-flat btn-icon btn-rounded"><i class="icon-plus3"></i></a>
								<a href="#" class="btn border-white text-white btn-flat btn-icon btn-rounded ml-5"><i class="icon-link2"></i></a>
							</span>
						</div>
					</div>
				</div>
				<h6 class="content-group">
				<?php if ($row['oldcomment'] == 'none') { ?>
					<i class="icon-comment-discussion position-left"></i>
					Комментарии
				</h6>
				<blockquote>
					Комментариев к этому материалу пока не было, станьте первым
				</blockquote>				
				<?php } else { ?>
				<blockquote>
					cm<br/>
					<span class="text-muted"><i class="icon-comment"></i> От <a href="">at</a></span>
				</blockquote>
				<?php } ?>															
			</div>
			
			<div class="panel-footer panel-footer-transparent"><a class="heading-elements-toggle"><i class="icon-more"></i></a>
				<div class="heading-elements">
					<ul class="list-inline list-inline-condensed heading-text">
						<li><a href="#" class="text-default"><i class="icon-eye4 position-left"></i> <?php echo $row['views']; ?></a></li>
						<li><a href="#" class="text-default"><i class="icon-comment-discussion position-left"></i> <?php echo $row['comments']; ?></a></li>
					</ul>

					<span class="heading-btn pull-right">
						<a href="/material/<?php echo $row['id']; ?>" class="btn bg-danger-400 heading-btn">Смотреть дальше </a>
					</span>
				</div>
			</div>			
		</div>	
		<!-- /Material -->










<?php

}

?>

nevesomost,
вероятно запустить скрипты типа строки 23 самостоятельно - куда-то добавить их в плагин

Где вы такой синтаксис увидели?

В мануале
http://xozblog.ru/2013/01/infinite-scroll/

Можно пожалуйста подробнее?
Сейчас я повешал div на всю панель
На кнопки закрытия вставил код

<li><a onclick="javascript: document.getElementById('close<?php echo $row['id']; ?>').style.display='none'; " data-action="close"></a></li>

Но мне это не подходит, потому что нет плавного закрытия.
За закрытие я так понимаю отвечал data-action="close" как его можно вызвать?
может быть на панель нужно повешать какой-то уникальный ID?

Вообще-то, это пишется так - LIMIT число, число. Первое число, это смещение, второе (через запятую), это количество записей.

И как уже было сказано, встраивание в цикл $(document).ready(function() { .... делать не нужно.

Про LIMIT учту, спасибо.
Про timeago я тоже понял что не нужно, убрал, спасибо.

Буду рад услышать от Вас подсказки по поводу моей главной проблемы? :-?

После того как вынес из php цикла timeago он перестал работать, мне кажется дело в том, что функция вызывается индивидуально для каждого span (span.timeago<?php echo $row['id']; ?>) и выводится на 34 строке. поэтому я привешал туда вывод id из пхп

Ваша проблема в том, что неудачно представлены данные, с которыми клиенту придется работать. А установить обработчик всем span можно единожды.