Добрый день. Необходима помощь. Такая ситуация, у меня есть динамичный вывод контента через 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
}
?>
